Question

在此页面上，我有一个链接到谷歌地图，该地图在灯箱中打开：

http://www.thereappliancestore.com/

当我在Safari中打开地图时，标记会在地图中心正确显示。但是在FF和IE8中，标记位于左侧并且向上位于a。它最初不在视野范围内，因此您必须在地图上手动导航才能找到它。

这是地图的配置：

/////////////////////Configuration for the Google Map////////////////////////////

     function initialize() {
       if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById("map_canvas"));

/////////////Add longitude and lattitude/////////////////////
         var center = new GLatLng(43.69085455345101, -79.58727836608887);

///////////////////////Zoom level///////////////////////////////////
         map.setCenter(center, 13);

/////////////////////Marker position//////////////////////////////////
         var marker = new GMarker(center);

///////////Action when marker clicked///////////////////////////////
         GEvent.addListener(marker, "click", function() {
           marker.openInfoWindowHtml("Re-Appliance Store<br />191 Attwell Drive, Unit 1<br />Etobicoke, Ontario");
         });
///////////Add marker///////////////////////////////
         map.addOverlay(marker);
       }
     }

有谁知道出了什么问题？

Answer 1

取而代之：

var map = new GMap2(document.getElementById("map_canvas"));

有了这个：

var map = new GMap2(document.getElementById("map_canvas"),{size: 
new GSize(675,430)});

做了伎俩！

Answer 2

问题不在你的javascript代码中..而是你在一个花哨的盒子里打开地图的事实..（在带有ajax的iframe中）

这意味着在加载地图页面时，仍会隐藏fancybox。所以它的宽度/高度为0，因此中心位于左上角（0,0点）..

这是fancybox的文档问题。阅读以下内容以获得更详细的解释和几个解决方法

The google maps in a fancybox iframe is not centered according to my scrip t

IE和FF中的谷歌地图定位

2 个答案: