Google maps 谷歌地图v2上的随机奇怪行为
我正在与Chrome上的Google Maps v2进行一场特别的斗争。该地图在除Chrome之外的所有浏览器上都能很好地显示,没有任何特殊原因,它可以完成您在图像上看到的任何事情:Google maps 谷歌地图v2上的随机奇怪行为,google-maps,google-chrome,Google Maps,Google Chrome,我正在与Chrome上的Google Maps v2进行一场特别的斗争。该地图在除Chrome之外的所有浏览器上都能很好地显示,没有任何特殊原因,它可以完成您在图像上看到的任何事情: 将中心向南移动 向右显示标记,但如果我移动地图,它们也会移动到地图的下一部分 完美的 我有以下javascript: if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); var bound
- 将中心向南移动
- 向右显示标记,但如果我移动地图,它们也会移动到地图的下一部分
- 完美的
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
var bounds = new GLatLngBounds();
map.enableScrollWheelZoom();
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.removeMapType(G_HYBRID_MAP);
var zoomout = 1;
var pcenter_0 = new GLatLng(40.420300, -3.705770);
var marker_0 = new GMarker(pcenter_0, {draggable: false});
map.addOverlay(marker_0);
marker_0.bindInfoWindowHtml('info', {pixelOffset:new GSize(32,5), maxWidth:200} );
bounds.extend(marker_0.getPoint());
var pcenter_1 = new GLatLng(41.385719, 2.170050);
var marker_1 = new GMarker(pcenter_1, {draggable: false});
map.addOverlay(marker_1);
marker_1.bindInfoWindowHtml('', {pixelOffset:new GSize(32,5), maxWidth:200} );
bounds.extend(marker_1.getPoint());
var pcenter_2 = new GLatLng(48.856918, 2.341210);
var marker_2 = new GMarker(pcenter_2, {draggable: false});
map.addOverlay(marker_2);
marker_2.bindInfoWindowHtml('info', {pixelOffset:new GSize(32,5), maxWidth:200} );
bounds.extend(marker_2.getPoint());
var pcenter_3 = new GLatLng(37.779160, -122.420052);
var marker_3 = new GMarker(pcenter_3, {draggable: false});
map.addOverlay(marker_3);
marker_3.bindInfoWindowHtml('', {pixelOffset:new GSize(32,5), maxWidth:200} );
bounds.extend(marker_3.getPoint());
var pcenter_4 = new GLatLng(48.202541, 16.368799);
var marker_4 = new GMarker(pcenter_4, {draggable: false});
map.addOverlay(marker_4);
marker_4.bindInfoWindowHtml('', {pixelOffset:new GSize(32,5), maxWidth:200} );
bounds.extend(marker_4.getPoint());
zoomToBounds(zoomout);
}
function zoomToBounds(zoomout) {
map.setCenter(bounds.getCenter());
var zoom = map.getBoundsZoomLevel(bounds)-zoomout;
if(zoom < 1) zoom = 1;
map.setZoom(zoom);
map.checkResizeAndCenter();
}
if(GBrowserIsCompatible()){
VarMap=新的GMap2(document.getElementById(“map”);
var bounds=新的glatlngbunds();
map.enableCrollWheelZoom();
addControl(新的gsmallmappcontrol());
addControl(新的GMapTypeControl());
removeMapType(G_HYBRID_map);
var zoomout=1;
var pcenter_0=新玻璃(40.420300,-3.705770);
var marker_0=新的GMarker(pcenter_0,{draggable:false});
添加覆盖图(标记0);
marker_0.bindInfoWindowHtml('info',{pixelOffset:newgsize(32,5),maxWidth:200});
extend(marker_0.getPoint());
var pcenter_1=新玻璃(41.385719,2.170050);
var marker_1=新的GMarker(pcenter_1,{draggable:false});
地图添加覆盖图(标记_1);
marker_1.bindInfoWindowHtml(“”,{pixelOffset:newgsize(32,5),maxWidth:200});
extend(marker_1.getPoint());
var pcenter_2=新玻璃(48.856918,2.341210);
var marker_2=新的GMarker(pcenter_2,{draggable:false});
添加覆盖图(标记_2);
marker_2.bindInfoWindowHtml('info',{pixelOffset:newgsize(32,5),maxWidth:200});
extend(marker_2.getPoint());
var pcenter_3=新玻璃(37.779160,-122.420052);
var marker_3=新的GMarker(pcenter_3,{draggable:false});
添加覆盖图(标记_3);
marker_3.bindInfoWindowHtml(“”,{pixelOffset:newgsize(32,5),maxWidth:200});
extend(marker_3.getPoint());
var pcenter_4=新玻璃(48.202541,16.368799);
var marker_4=新的GMarker(pcenter_4,{draggable:false});
添加覆盖图(标记_4);
marker_4.bindInfoWindowHtml(“”,{pixelOffset:newgsize(32,5),maxWidth:200});
extend(marker_4.getPoint());
zoomToBounds(zoomout);
}
函数zoomToBounds(zoomout){
map.setCenter(bounds.getCenter());
var zoom=map.getBoundsZoomLevel(bounds)-zoomout;
如果(缩放<1)缩放=1;
map.setZoom(缩放);
map.checkResizeAndCenter();
}
你对可能发生的事情有什么想法或线索吗?有这种随机的javascript错误是非常烦人的。。如果您需要更多信息,请询问
谢谢
更新以添加html代码(在javascript之前)
我已经更新了标记代码你也可以发布你的HTML吗?了解如何(以及何时)初始化东西很有用……那么,在HTML完全加载之前,JavaScript是否真的会执行呢?尝试将所有JS包装到一个函数中(我们称之为init),该函数仅在触发onload事件时执行。(jQuery(document.ready(function(){…});)奇怪的是,这些地图在Firefox(即Firefox)上运行得非常好;但在Chrome中,它是随机的;所以我不知道是我,谷歌api还是chrome javascript渲染
<div id="index_map">
<div id="map"></div>
</div>