【发布时间】: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 缓存,您必须等待几分钟或使用不同的文件名才能看到更改。
-
我阅读了填充文档。谢谢莫勒博士。没有帮助。我在以前版本的代码中使用了该文档中的相同代码,但仍然没有骰子。我等了几分钟,甚至使用了不同的文件名,但它仍然没有改变颜色。感谢您的建议。还有其他想法吗?
-
地图是正确的,但我正在尝试将其更改为不同的颜色。它显示为蓝色,但我将 polystyle 填充设置为黄色(与 KML 兼容)。无论我设置什么颜色,它总是显示为蓝色。
标签: html google-maps colors kml