KML文件和自定義類？

Question

我有這個kml文件：

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Document>
    <Placemark>
      <name>CDATA example</name>
      <description>
        <![CDATA[
          <h1>CDATA Tags are useful!</h1>
          <p><font color="red">Text is <i>more readable</i> and 
          <b>easier to write</b> when you can avoid using entity 
          references.</font></p>
        ]]>
      </description>
      <Point>
        <coordinates>102.595626,14.996729</coordinates>
      </Point>
    </Placemark>
  </Document>
</kml>

（示例取自Google Maps文檔）當我在KML內的href中添加一個類時：

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Document>
    <Placemark>
      <name>CDATA example</name>
      <description>
        <![CDATA[
          <h1>CDATA Tags are useful!</h1>
          <p><font color="red">Text is <i>more readable</i> and 
          <b>easier to write</b> when you can avoid using entity 
          references.<a class="read_more" href="http://google.com">Read More</a></font></p>
        ]]>
      </description>
      <Point>
        <coordinates>102.595626,14.996729</coordinates>
      </Point>
    </Placemark>
  </Document>
</kml>

KMl只是剝離它，我猜這是由於“內容清理” https://developers.google.com/earth/documentation/balloons

這是我當前的javascript：

jQuery(document).ready(function($) {    
        function initialize() {
        var myLatlng = new google.maps.LatLng(51.201465,-0.30244);
          var mapOptions = {
            zoom: 12,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };

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

          var kmlLayer = new google.maps.KmlLayer({
            url: 'http://*****.com/new/wp-content/themes/required-starter/KML_Samples.kml?rand='+(new Date()).valueOf(),
            suppressInfoWindows: false,
            map: map
          });

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

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

我找不到正確的參數來停止數據清理，或者找不到在kml docs中為將類添加到描述包裝器或氣泡的選項。 我猜這是由於我的不稱職，請幫忙！ 克里斯

Answer 1

我認為您無法避免我所知道的任何方式清除數據。 但是您可以采取行動並控制數據。 例如，首先是一些樣式：

<style type="text/css">
.foo .read_more {
    font-family: papyrus, parade;
}
.foo h1,p{
    margin:0;
    padding:0;
}
</style>

然后創建自己的（好吧，是谷歌的）信息窗口：

    function initialize() {
    var myLatlng = new google.maps.LatLng(51.201465,-0.30244);
      var mapOptions = {
        zoom: 4,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };

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

      var kmlLayer = new google.maps.KmlLayer({
        url: 'SomeKmlFile.kml',
        suppressInfoWindows: true,
        map: map
      });
      var infoWindow = new google.maps.InfoWindow({pixelOffset: new google.maps.Size(0, -32)});
      var div = document.createElement('div');

      google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) {
        var text = kmlEvent.featureData.description;
        div.innerHTML = text;
        div.className = 'foo';
        div.getElementsByTagName('a')[0].className = 'read_more';
        infoWindow.setPosition(kmlEvent.latLng);
        infoWindow.setContent(div);
        infoWindow.open(map);
      });
    }

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