前回は、各コントローラーについて書きましたが、今回は、そのコントローラーを表示しない方法について書きたいと思います。
基本的には、Disabling the Default UIに書いてあるように、地図作成時に、 disableDefaultUIをtrueに設定すればオッケーなのです。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
</script>
</head>
<body>
<div id="map_canvas_04" style="width:400px; height:500px;"></div>
<script type="text/javascript">
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8
, center: latlng
, mapTypeId: google.maps.MapTypeId.ROADMAP
, disableDefaultUI: true
};
var map_04 = new google.maps.Map(
document.getElementById("map_canvas_04")
, myOptions
);
</script>
</body>
</html> |
実行結果は、ご覧の通り
次回は、各コントローラーを独立して追加する方法について書きたいと思います。
0 コメント:
コメントを投稿