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

看起来你的div上的宽度和高度看起来并不像map.php中的id“map_canvas”。我想知道这是否导致地图无法正确渲染？

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

祝你好运！

谷歌地图重新绘制错误

1 个答案: