点击一条线后，谷歌地图不会重新绘制

Question

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

我正在使用以下代码：

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 查看效果单击地图图像。

Answer 1

看起来没有在 map.php 中使用 id 'map_canvas' 在 div 上设置宽度和高度。我想知道这是否会导致地图无法正确渲染？

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

祝你好运！