Google マップを firefox で表示する際に問題が発生しました。
Firefox でマップを表示するにはどうすればよいですか?
また、マップの中央に経度と緯度を表示するようにマップを設定するにはどうすればよいですか?
これが私のコードです:
Google マップを firefox で表示する際に問題が発生しました。
Firefox でマップを表示するにはどうすればよいですか?
また、マップの中央に経度と緯度を表示するようにマップを設定するにはどうすればよいですか?
これが私のコードです:
これは、マップを表示する方法です。
HTML
<div id="map_go"></div>
JS
<script>
directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer();
var PortoAlegre = new google.maps.LatLng(-30.034176, -51.229212);
var myOptions = {
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: PortoAlegre
}
map = new google.maps.Map(document.getElementById("map_go"), myOptions);
directionsDisplay.setMap(map);
</script>
CSS
#map_go {border: 1px solid red; width: 95%; height: 350px;}
ここで動作することを確認してください:http://jsfiddle.net/RASG/PfggR/
geocodezipが言ったように、 div
(幅と高さ)のサイズを設定する必要があります。
マップ div を表示する前にサイズを指定するか、マップが表示されたらサイズ変更イベントをトリガーする必要があります ( google.maps.events.trigger(map, 'resize');
「マップ」は google.maps.Map オブジェクトです)。