0

我的谷歌地图第一次显示很好。再次或多次单击该线，地图无法正确重新绘制，因此无法使用。

我正在使用以下代码：

var myLatlng = new google.maps.LatLng(53.3820845337596, -1.46965489864111);
        var myOptions = {
          zoom: 15,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          scrollwheel:false
        }

        var map     =   new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        var marker = new google.maps.Marker({
              position: myLatlng,
              map: map,
              title: 'we are right here ...'
         });

        var myLatlng2 = new google.maps.LatLng(53.3820845337596, -1.46965489864111);

      marker.setMap(map);

      google.maps.event.addListener(marker, 'click', function(){
        infowindow.open(map, marker);
      });

      google.maps.event.trigger(map, 'resize');

使用google.maps.event.trigger(map, 'resize'); 最后是我试图让地图正常运行。

您可以在http://test2omniforce.co.uk/node/8上查看效果并单击地图图像。

任何人都可以提供一些帮助。

4

1 回答 1

0

在 map.php 中，id 为“map_canvas”的 div 上似乎没有设置宽度和高度。我想知道这是否导致地图无法正确渲染？

也许尝试添加一些尺寸，看看是否有效。

祝你好运！

于 2011-09-01T21:37:14.087 回答