动态更改链接的 KML 文件中多边形的颜色
Dynamically change color of polygon in linked KML file
我希望通过使用JavaScript的插件创建一个由覆盖在Google地球顶部的多边形组成的分区统计图。
多边形存在于服务器上的 KML 文件中,所有多边形都具有唯一的 ID(不一定是我的)。我希望能够动态更改多边形的颜色以显示不同的数据集。
这可行吗?
我查找了 KML 机制,但这仅适用于同一服务器上的文件。
谢谢
法案
您可以通过 Google 地球 API 从任何网络可访问的网址(同一服务器或其他网址)加载/解析远程 KML,然后迭代 KML 对象并以编程方式更改样式和多边形颜色。
var href = 'http://code.google.com/'
+ 'apis/earth/documentation/samples/kml_example.kml';
google.earth.fetchKml(ge, href, function(kmlObject) {
if (kmlObject) {
checkObject(kmlObject);
// append KML objects to current view
ge.getFeatures().appendChild(kmlObject);
}
});
function checkObject(kmlObject) {
var type = kmlObject.getType();
if (type == 'KmlDocument' || type == 'KmlFolder') {
var features = kmlObject.getFeatures();
if (features.hasChildNodes()) {
var children = features.getChildNodes();
for (i=0; i < children.getLength(); i++) {
checkObject(children.item(i));
}
}
} else if (type == 'KmlPlacemark') {
// check/set style, change color, etc.
// ...
}
}
参考:https://developers.google.com/earth/documentation/kml#fetchkml_and_parsekml
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何使用jquery更改html中的背景颜色
- 动态更改高图中的系列颜色
- SVG/JavaScript:尝试选择和更改多边形点
- jsf中两个字符串的颜色代码差异
- 如何在鼠标单击时更改KML多边形的颜色
- 通过传单中来自 csv 的数据定义 json 多边形的颜色
- 动态更改链接的 KML 文件中多边形的颜色
- 多边形颜色使用谷歌地图
- 谷歌地图多边形在设置选项后不更新颜色
- 当放大谷歌地图时,多边形颜色重叠
- 多个多边形与多种颜色在一个谷歌地图
- 如何在three.js中创建一个颜色选择器,这将允许用户改变Maya 3D模型中特定多边形的颜色
- 动态改变单张多边形的颜色
- 谷歌地图API动画多边形颜色改变
- bing贴图多边形中的硬编码颜色
- 点击时更改谷歌地图多边形颜色/填充