谷歌地图信息窗口显示 kml 对象名称和链接答案

【问题标题】：Google maps infowindow display kml object name and link谷歌地图信息窗口显示 kml 对象名称和链接
【发布时间】：2014-08-20 18:16:34
【问题描述】：

我有一些工作代码可以在 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>

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

我确定这很简单，但我是 javascript 新手，无法使用它。

【问题讨论】：

标签： javascript jquery google-maps kml

【解决方案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);
});

【讨论】：