单击数据使用GeoXMl3在多边形的信息窗口中填充

时间:2015-04-29 07:10:26

标签: google-maps kml geoxml3

我使用geoXMl3一次解析多个kml文件。 我在地图上绘制了多边形。当我点击多边形时,会弹出一个信息窗口。我没有从这个信息窗口出现的地方到达 我的要求是我想通过一些java脚本对象来编辑info-window的内容

我的java脚本对象就像

popUpDetails = {'地区名称':'内容'}。

没有得到如何在我的解析器中传递它

我提到的链接很少,如:

https://code.google.com/p/geoxml3/wiki/Usage

以及如何在某个多边形的信息窗口中动态地从数据库中放置数据?

我以这种方式解析kml文件:

var mapProp = {
    center: new google.maps.LatLng(51.508742,-0.120850),
    zoom: 5,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var parser = new geoXML3.parser({
    map: map,
    processStyles: true,
    zoom: false,
});

var infowindow = new google.maps.InfoWindow();
for (i = 0; i < ListofPathsofkmlfiles.length; i++) {
    parser.parse([ListofPathsofkmlfiles[i]]);      
}

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

我终于找到了相同的解决方案。

您需要覆盖解析器的createPolygon属性。

var districtInfoMap = {doc_url1:infowindow_content1, doc_url2:infowindow_content2 };

var parser = new geoXML3.parser({
    createPolygon: mapDrawingToType(),
    map: map,
    processStyles: true,
    zoom: false,
    singleInfoWindow: true,
});

mapDrawingToType = function() {

    return function(placemark, doc) {
        var polygon = geoXML3.instances[geoXML3.instances.length-1].createPolygon(placemark, doc);

        if(polygon.infoWindow) {
            polygon.infoWindowOptions.content = districtInfoMap[doc.baseUrl];
    }
    return polygon;
}

}

在这里,我创建了一个对象,其中包含您必须显示的区域URL和窗口内容的地图。

这将覆盖显示信息窗口的默认行为,并显示您想要显示的内容。

如果您仍然遇到任何问题,请告诉我。