Google map Draggable PolyLines

时间:2012-04-04 14:00:18

标签: google-maps jquery-mobile google-polyline

我正在使用带有距离[api v3]的折线的地图。我希望当有人同时拖动折线时距离也会更新,但不知道该怎么做。请帮助我,欢迎任何好的教程或其他主题

感谢您的帮助

纳温

2 个答案:

答案 0 :(得分:1)

此页面介绍了使用可拖动标记并在移动标记时更新距离。

http://exploregooglemaps.blogspot.com.br/2012/02/measuring-distance-with-markers.html

答案 1 :(得分:0)

有一个属性可以使折线可编辑。

polyPath.setEditable(true);

现在使用监听器来检查编辑。

   google.maps.event.addListener(polyPath, 'capturing_changed', function() {

    var array = polyPath.getPath(); //getPath() gives u array of current markers latlng over map 

                    var tempDistance = 0;

                    var tempPathArray = [];

                     for(i = 0; i < array.length; i++){

                       tempPathArray.push(array.getAt(i));

                      }


                       for(k = 1; k < tempPathArray.length; k++)

                       {


  var calculateNewDistance=google.maps.geometry.spherical.computeDistanceBetween(tempPathArray[k-1],tempPathArray[k]);

                            tempDistance += calculateNewDistance;

                        }
   }

//确保添加以下脚本来计算两个latlng之间的距离