Question

我有一些工作代码可以在Google地图上显示KML图层。当您单击图层的各个部分时，会在信息窗口中弹出相应的名称。

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script type="text/javascript"
// Load Google Maps API
      src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXX&sensor=false">
    </script>
    <script type="text/javascript">



function initialize() {
  var myLatlng = new google.maps.LatLng(51.875696, -0.624207);
  var mapOptions = {
    zoom: 6,
    center: myLatlng
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  var kmlLayer = new google.maps.KmlLayer({
    url: 'http://XXXXXXX.org/gliding/grid3.kml',
    suppressInfoWindows: false,
    map: map
  });

  google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) {
    var text = kmlEvent.featureData.name;
    showInContentWindow(text);
  });

  function showInContentWindow(text) {
    var sidediv = document.getElementById('content-window');
  }
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas" style="width:100%; height:100%; float:left"></div>
    </body>
</html>

我希望信息窗口还包含指向与点击对象同名的页面的链接。例如，如果用户点击名为Tom的KML图层中的形状，则信息窗口会显示Tom Click Here。如果用户点击链接，他们将被带到www.XYZ.com/Tom。

我确信这很简单，但我是javascript的新手，无法让它发挥作用。

Answer 1

这更像是一个黑客攻击而不是一个解决方案（这意味着谷歌可以更改一个属性名称，这将停止工作。

但是，你去吧

google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) {
    var text = kmlEvent.featureData.name;
    kmlEvent.featureData.infoWindowHtml += '<a href="' + kmlLayer.url + '">Click Here</a>';
    showInContentWindow(text);
});

谷歌地图infowindow显示kml对象名称和链接

1 个答案: