次のように定義された非常に単純な Map があります。
var _mapOptions = {
zoom: 15,
center: new google.maps.LatLng(-22.9965949, -43.2710887),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var _mapCtl = document.getElementById("map-control");
var _map = new google.maps.Map(_mapCtl, _mapOptions);
HTML の「マップ コントロール」は、次のように div で定義されます。
<div id="map-view" class="view" style="display: none">
<div id="map-control" style="width:100%; height=100%"></div>
</div>
div は jquery で動的にロードされ、最初は非表示です。デバッグdocument.getElementById("map-control");
html 要素を返し、 を設定することを確認しました_mapCtl
。
完了するために、次のように Google API をロードしています。
<script src="https://maps.googleapis.com/maps/api/js?key=mykey&sensor=false"></script>
これは何ですか?前もって感謝します