【问题标题】:Can't change color of KML Polygon, Style tag shows as invalid无法更改 KML 多边形的颜色,样式标记显示为无效
【发布时间】:2014-07-10 19:23:11
【问题描述】:

我有一个使用谷歌网站托管的 KML 文件。该链接在我的代码中有效,因为我可以将地图视为叠加层。但是当我在 KML 中放入任何样式时,页面似乎会忽略它。我试图将其更改为黄色,但我只得到默认的蓝色。 KML 具有具有内边界和外边界的多边形。该代码是我的编辑器中的视图(Coda 2)。地图显示,它在正确的位置,但它不是正确的颜色。有没有办法让我改变颜色?见下面的代码:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Coverage Map</title>
    <style>
      html, body, #map-canvas {
        height: 80%;
        width: 80%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
function initialize() {
  var chicago = new google.maps.LatLng(37.09024, -95.712891);
  var mapOptions = {
    zoom: 5,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.HYBRID
  }

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

  var ctaLayer = new google.maps.KmlLayer({
    url: 'https://sites.google.com/site/dmckmls/home/kml/Sprint.kml'
  });
  ctaLayer.setMap(map);
}

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

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

有什么想法吗?

【问题讨论】:

  • KMLLayers 将被 google 缓存,您必须等待几分钟或使用不同的文件名才能看到更改。
  • 我阅读了填充文档。谢谢莫勒博士。没有帮助。我在以前版本的代码中使用了该文档中的相同代码,但仍然没有骰子。我等了几分钟,甚至使用了不同的文件名,但它仍然没有改变颜色。感谢您的建议。还有其他想法吗?
  • 您的KML displayed by the Google Maps Javascript API v3 KmlLayer。你希望它是什么样子的?
  • 地图是正确的,但我正在尝试将其更改为不同的颜色。它显示为蓝色,但我将 polystyle 填充设置为黄色(与 KML 兼容)。无论我设置什么颜色,它总是显示为蓝色。

标签: html google-maps colors kml


【解决方案1】:

我更改了文件名。我也在某处读到了关于改变的信息。这在谷歌的部分相当烦人。如此强大的工具,他们无法更新文件,因为他们必须缓存它以提高性能。感谢大家的帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-24
    相关资源
    最近更新 更多