0

現在 Google Maps JavaScript API を使用しています。初期化後に地図上の別の場所に移動するために地図を作成したいと考えています。

map = new google.maps.Map (mapDiv, mapOptions);
//In response to a user request to navigate to another location.
function goto (Lat, lng) {
  map.setCenter (new google.maps.LatLng (Lat, Lng));
  map.setZoom (13);
}

ただし、この場合、マップ表示は空白で、操作コントロールをクリックしても反応しません。

4

1 に答える 1

0

私はあなたのコードをテストしましたが、それは私にとってはうまくいきます...おそらくあなたのコードの残りの部分に何か問題があります.
比較するために、ここに完全に機能する例を示します。それが役立つことを願っています！ 

<!DOCTYPE html>
<html>
    <head>  
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=&sensor=false"></script>
        <script type="text/javascript">

            var map;

            function initialize() {
                var mapOptions = {
                    center: new google.maps.LatLng(0, 0),
                    zoom: 2,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
            }

            function goto(Lat, Lng) {
                map.setCenter(new google.maps.LatLng(Lat, Lng));
                map.setZoom(13);
            }

            function button_click() {
                //Palo Alto
                goto(37.429167, -122.138056);
            }
        </script>
    </head>
    <body onload="initialize()">
        <div>
        <input type="button" value="Move" onclick="button_click()"/>
        </div>
        <div id="map_canvas" style="width: 100%; height: 500px"></div>  
    </body>
</html>
于 2013-05-06T08:03:32.450 に答える