如何在可拖动多边形上放置多长时间?

时间:2018-12-05 09:00:19

标签: javascript jquery google-maps

我想在拖动或编辑多边形时得到纬度和经度。如何将事件侦听器应用于此多边形,以便每当我编辑或拖动多边形时,它应该在我在多边形上编辑的每个点的控制台上都显示纬度。

function initialize() {
    var map = new google.maps.Map(document.getElementById("map"), {
        zoom: 15,
        center: {lat: 51.476706, lng: 0},
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    // create an array of coordinates for a pentagonal polygon
    var arrCoords = [
        new google.maps.LatLng(51.474821, -0.001935),
        new google.maps.LatLng(51.474647, 0.003966),
        new google.maps.LatLng(51.477708, 0.004073),
        new google.maps.LatLng(51.479753, 0.000468),
        new google.maps.LatLng(51.477654, -0.002192)
    ];

    var polygon = new google.maps.Polygon({
        editable: true,
        paths: arrCoords,
        strokeColor: "#FF0000",
        strokeOpacity: 0.8,
        strokeWeight: 2,
        fillColor: "#FF0000",
        fillOpacity: 0.35,
        map: map
    });
}

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

1 个答案:

答案 0 :(得分:-1)

首先在{strong>多边形

中用geodesic: true制作draggable: true
  

在多边形或折线上启用拖动时,还应该   考虑通过设置多边形或折线的测地线   geodesic的{​​{1}}属性

参考:https://developers.google.com/maps/documentation/javascript/shapes

trueinsert_at将在set_at得到polyline时被调用。

edited