如何使用 Google Maps API 导入 KML 并单击多边形?

发布于 2024-10-28 22:00:34 字数 99 浏览 3 评论 0原文

基本上我有一个 KML 文件,其中有大量要绘制的多边形。我需要这些多边形是可点击的,我可以在其中执行 ajax 响应。

不过,我很迷失。有人能指出我正确的方向吗? :)

Basically I have a KML file that has a TON of polygons to be mapped out. I need those polygons to be clickable in which I'd perform an ajax response.

I'm pretty lost, though. Can someone point me in the right direction? :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

盛夏已如深秋| 2024-11-04 22:00:34

查看 Google 地图文档引用的多边形数组示例。它展示了如何绘制多边形,以及如何响应此类多边形上的点击。

要查看示例:

http://code.google。 com/apis/maps/documentation/javascript/examples/polygon-arrays.html

要查看其背后的源代码:

view-source:http://code.google.com/apis/maps/documentation/ javascript/examples/polygon-arrays.html

Check out the polygon-array example that the Google Maps documentation refers to. It shows how to draw polygons, and how to respond to clicks on such polygons.

To view the example:

http://code.google.com/apis/maps/documentation/javascript/examples/polygon-arrays.html

To view the source-code behind it:

view-source:http://code.google.com/apis/maps/documentation/javascript/examples/polygon-arrays.html

千鲤 2024-11-04 22:00:34
function initialize() {

    var mapOptions = {
        zoom: 5,
        center: new google.maps.LatLng(41.376259, 25.055542),
        mapTypeId: google.maps.MapTypeId.TERRAIN
    };

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

    var Place = new google.maps.KmlLayer({
        url: 'path-to-kml.kml'
    });

    Place.setMap(map);

    google.maps.event.addListener(Place, 'click', function (event) {
        window.location.href = 'http://example.com'
    });  

}

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

    var mapOptions = {
        zoom: 5,
        center: new google.maps.LatLng(41.376259, 25.055542),
        mapTypeId: google.maps.MapTypeId.TERRAIN
    };

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

    var Place = new google.maps.KmlLayer({
        url: 'path-to-kml.kml'
    });

    Place.setMap(map);

    google.maps.event.addListener(Place, 'click', function (event) {
        window.location.href = 'http://example.com'
    });  

}

google.maps.event.addDomListener(window, 'load', initialize);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文