小编Pig*_*ggo的帖子

谷歌地图多边形编辑 - 在鼠标悬停时获取经纬度位置

我正在尝试编写一个简单的捕捉功能,用于在 Google Maps v3.9 中编辑多边形

我在地图上有几个多边形,可以一次编辑一个。当一个可编辑时,我还会向它添加一个侦听器,以在拖动顶点时触发。

由于没有拖动事件google.maps.Polygon,我添加了一个mousedown侦听器,它检查顶点是否在光标下方,如果是,则添加一个mouseup侦听器。此mouseup侦听器中的代码检查所有其他多边形的顶点,并在找到接近匹配的情况下更新拖动顶点。

这很有效,除了一个问题。使用侦听器返回的latLng属性执行检查。此属性指向拖动之前顶点的位置,我找不到在新位置引用顶点的方法。PolyMouseEventmouseup

dragListener = google.maps.event.addListener( poly1, "mousedown", function( dragData ) {

    // if dragging a vertex
    if ( dragData.vertex != null ) {

        // perform snap on mouseup
        snapListener = google.maps.event.addListener( poly1, "mouseup", function( mouseData ) {
            var editingVertex = mouseData.vertex;
            var draggedLatLng = mouseData.latLng;

            // code here to compare draggedLatLng with latLng of editingVertex
            // and perform snap, which …
Run Code Online (Sandbox Code Playgroud)

google-maps-api-3

5
推荐指数
1
解决办法
1424
查看次数

标签 统计

google-maps-api-3 ×1