Question

我现在使用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);
}

但是，在这种情况下，地图显示为空白，单击操作控件无响应。

Answer 1

我测试了你的代码，它对我有用......也许你的代码中的其他代码是错误的为了比较，这是一个完整的工作示例。我希望它有所帮助！

<!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>

如何使地图的内容切换到另一个位置

1 个答案: