Javascript 如何将谷歌地图定位到特定位置?
我在三个不同的分区上画了三张地图。在javascript中,我在所有三种情况下都将中心设置为相同的位置。但是第二个和第三个没有得到那个中心。有什么问题吗? 有什么想法吗Javascript 如何将谷歌地图定位到特定位置?,javascript,css,google-maps,Javascript,Css,Google Maps,我在三个不同的分区上画了三张地图。在javascript中,我在所有三种情况下都将中心设置为相同的位置。但是第二个和第三个没有得到那个中心。有什么问题吗? 有什么想法吗 var centerPosition=new google.maps.LatLng(6.924782, 79.863643); function initialize() { var map_canvas1 = document.getElementById('map_canvas1'); var map_can
var centerPosition=new google.maps.LatLng(6.924782, 79.863643);
function initialize() {
var map_canvas1 = document.getElementById('map_canvas1');
var map_canvas2 = document.getElementById('map_canvas2');
var map_canvas3 = document.getElementById('map_canvas3');
var map_options1 = {
center: centerPosition,
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_options2 = {
center: centerPosition,
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_options3 = {
center: centerPosition,
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map1 = new google.maps.Map(map_canvas1, map_options1);
map2 = new google.maps.Map(map_canvas2, map_options2);
map3 = new google.maps.Map(map_canvas3, map_options3);
}
google.maps.event.addDomListener(window, 'load', initialize);
您还可以设置每个贴图的中心位置,而不是在JSON对象中使用“center”属性 请在实例化映射对象后尝试下面的代码
map1.setCenter(centerPosition);
map2.setCenter(centerPosition);
map3.setCenter(centerPosition);
您还可以设置每个贴图的中心位置,而不是在JSON对象中使用“center”属性 请在实例化映射对象后尝试下面的代码
map1.setCenter(centerPosition);
map2.setCenter(centerPosition);
map3.setCenter(centerPosition);
您还可以设置每个贴图的中心位置,而不是在JSON对象中使用“center”属性 请在实例化映射对象后尝试下面的代码
map1.setCenter(centerPosition);
map2.setCenter(centerPosition);
map3.setCenter(centerPosition);
您还可以设置每个贴图的中心位置,而不是在JSON对象中使用“center”属性 请在实例化映射对象后尝试下面的代码
map1.setCenter(centerPosition);
map2.setCenter(centerPosition);
map3.setCenter(centerPosition);
请参考jsfiddle。你的代码运行良好
http://jsfiddle.net/2mw6b/
var centerPosition=new google.maps.LatLng(6.924782,79.863643);
函数初始化(){
var map_canvas1=document.getElementById('map_canvas1');
var map_canvas2=document.getElementById('map_canvas2');
var map_canvas3=document.getElementById('map_canvas3');
变量映射_选项1={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项2={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项3={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map1=新的google.maps.Map(Map\u canvas1,Map\u options1);
map2=新的google.maps.Map(Map\u canvas2,Map\u options2);
map3=新的google.maps.Map(Map\u canvas3,Map\u options3);
}
初始化();
**Html代码**
**Css**
.mapCont{
高度:200px;
宽度:200px;
}
请参考JSFIDLE。你的代码运行良好
http://jsfiddle.net/2mw6b/
var centerPosition=new google.maps.LatLng(6.924782,79.863643);
函数初始化(){
var map_canvas1=document.getElementById('map_canvas1');
var map_canvas2=document.getElementById('map_canvas2');
var map_canvas3=document.getElementById('map_canvas3');
变量映射_选项1={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项2={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项3={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map1=新的google.maps.Map(Map\u canvas1,Map\u options1);
map2=新的google.maps.Map(Map\u canvas2,Map\u options2);
map3=新的google.maps.Map(Map\u canvas3,Map\u options3);
}
初始化();
**Html代码**
**Css**
.mapCont{
高度:200px;
宽度:200px;
}
请参考JSFIDLE。你的代码运行良好
http://jsfiddle.net/2mw6b/
var centerPosition=new google.maps.LatLng(6.924782,79.863643);
函数初始化(){
var map_canvas1=document.getElementById('map_canvas1');
var map_canvas2=document.getElementById('map_canvas2');
var map_canvas3=document.getElementById('map_canvas3');
变量映射_选项1={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项2={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项3={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map1=新的google.maps.Map(Map\u canvas1,Map\u options1);
map2=新的google.maps.Map(Map\u canvas2,Map\u options2);
map3=新的google.maps.Map(Map\u canvas3,Map\u options3);
}
初始化();
**Html代码**
**Css**
.mapCont{
高度:200px;
宽度:200px;
}
请参考JSFIDLE。你的代码运行良好
http://jsfiddle.net/2mw6b/
var centerPosition=new google.maps.LatLng(6.924782,79.863643);
函数初始化(){
var map_canvas1=document.getElementById('map_canvas1');
var map_canvas2=document.getElementById('map_canvas2');
var map_canvas3=document.getElementById('map_canvas3');
变量映射_选项1={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项2={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
变量映射_选项3={
中心:中心位置,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map1=新的google.maps.Map(Map\u canvas1,Map\u options1);
map2=新的google.maps.Map(Map\u canvas2,Map\u options2);
map3=新的google.maps.Map(Map\u canvas3,Map\u options3);
}
初始化();
**Html代码**
**Css**
.mapCont{
高度:200px;
宽度:200px;
}