Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps 谷歌地图v2上的随机奇怪行为_Google Maps_Google Chrome - Fatal编程技术网

Google maps 谷歌地图v2上的随机奇怪行为

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

我正在与Chrome上的Google Maps v2进行一场特别的斗争。该地图在除Chrome之外的所有浏览器上都能很好地显示,没有任何特殊原因,它可以完成您在图像上看到的任何事情:

  • 将中心向南移动
  • 向右显示标记,但如果我移动地图,它们也会移动到地图的下一部分
  • 完美的

我有以下javascript:

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>