Google maps 如何使地图的内容切换到其他位置
我现在使用GoogleMapsJavaScriptAPI,我想在初始化后在地图上导航到另一个位置Google maps 如何使地图的内容切换到其他位置,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我现在使用GoogleMapsJavaScriptAPI,我想在初始化后在地图上导航到另一个位置 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.se
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);
}
但是,在这种情况下,地图显示为空白,请单击操作控件无响应。我测试了您的代码,它对我有效。。。可能您的其他代码有问题。
为了便于比较,这里有一个完整的工作示例。我希望有帮助
<!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>
var映射;
函数初始化(){
变量映射选项={
中心:新google.maps.LatLng(0,0),
缩放:2,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById(“map_canvas”),mapOptions);
}
功能转到(Lat、Lng){
map.setCenter(新的google.maps.LatLng(Lat,Lng));
map.setZoom(13);
}
功能按钮\u单击(){
//帕洛阿尔托
后藤(37.429167,-122.138056);
}
我怀疑Lat
和Lng
中给出的值无效。纬度测量范围从0到(+/-)90,经度测量范围从0到(+/-)180。尝试console.log
函数中的Lat
Lng
值。