在Google地图中KML多边形样式的交互式更改

Question

我有一个数据库，其中包含代表德国邮政区域的KML多边形。

我像这样初始化地图以显示多边形。

var map = new google.maps.Map(document.getElementById("map"), mapOptions); 

var plzLayer = new google.maps.KmlLayer({ 
    url: 'http://xxxxx.de/index.php?option=com_map&task=kml.getplz&search=542', 
    map: map 
}); 

一切都像一个魅力。我甚至可以通过在kml文件中定义样式来设置多边形的样式。

我的问题是;我现在如何在地图上交互式地改变多边形对象的样式。我想要鼠标悬停效果，或者在鼠标点击时标记多边形。

据我发现我可以添加一个点击事件。

plzLayer.addListener('click', function(kmlEvent) { 
    console.log(this.objInfo); 
}); 

事件对象包含一个名为featureData的列表，其中包含infoWindowHtml和对象的ID。 喜欢的东西ID：“g37a571f194fd2a75”

我怎样才能访问动态地更改样式而不重载多边形？

Answer 1

您不能更改KmlLayer（至少在当前时间）显示的数据。如果你想显示后改变KML的造型，有些选项是：

1. 将其导入到FusionTablesLayer（允许动态造型，但似乎与目前的策略不兼容）
2. 使用第三党的KML解析器像geoxml3或geoxml-v3这显示KML为自带谷歌地图JavaScript API V3对象，可样式

example using geoxml3 which changes polygon styles on mouseover

Answer 2

我找到了一个很好的搜索解决方案在Google世界之外。

我使用的是开源Lefleat Javascript库 Lefleat实在是快，容易使用，它呈现为地理上OpenStreetMap的SVG层奥德谷歌地图。 http://leafletjs.com/

我决定使用GeoJSON，因为它更短更快。

最终工具。 http://www.unternehmen-selbstaendigkeit.de/148-der-online-gebietsmanager.html （德语）