Question

为简单起见，让我们在Econym的网站上使用XML示例。

http://econym.org.uk/gmap/example_map3.htm

点击后，我希望图标气球显示在地图的中间中。

我需要在Mike的代码中添加什么才能使其正常工作？我为要求很多道歉..

提前致谢。

<script type="text/javascript">
    //<![CDATA[

    if (GBrowserIsCompatible()) {
side_bar
      var side_bar_html = "";


      var gmarkers = [];


      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });

        gmarkers.push(marker);

        side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
        return marker;
      }



      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }



      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng( 43.907787,-79.359741), 9);



      GDownloadUrl("example.xml", function(doc) {
        var xmlDoc = GXml.parse(doc);
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");

        for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new GLatLng(lat,lng);
          var html = markers[i].getAttribute("html");
          var label = markers[i].getAttribute("label");

          var marker = createMarker(point,label,html);
          map.addOverlay(marker);
        }

        document.getElementById("side_bar").innerHTML = side_bar_html;
      });
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }


    //]]>
    </script>

Answer 1

您要使用的是GMap2.setCenter()（Google API Documentation）功能。

所以，您应该可以按如下方式使用它：

GEvent.addListener(marker, "click", function() {
  marker.openInfoWindowHtml( html );
  map.setCenter( marker.getLatLng() );
});

当然，您可以根据自己的喜好改变这些行动的顺序。

如何让Google地图图标始终显示在地图中心 - 点击后？

1 个答案: