谷歌地图v3距离

Question

试图创建一个新版本的地图功能在这里看到：http://www.daftlogic.com/projects-google-maps-distance-calculator.htm 但使用v3 api。

到目前为止，我可以在点击时设置标记并绘制测地折线。 我目前运行到的问题是：

• 更新上标记拖动折线
• 我敢肯定，我必须把每个标记在一个阵列和 循环，这样做我可以继续点击并添加点数，将会增加总距离 。
• 正确显示距离。

我创建了一个的jsfiddle：http://jsfiddle.net/wyZyS/

编辑：我知道我没有什么叫 “更新” 功能。我正在尝试为当前每个标记创建数组。你看到的计算是将米转换为海里。

Answer 1

前段时间我写了一些这样的练习。不幸的是，它只能在Chrome浏览器中正常工作，在其他浏览器中存在奇怪的错误。距离函数应该在IE9中工作。

我的想法是将drag监听器添加到您的标记中，并保留代表路径的单个多段线，并在拖动标记时更新其路径。

DEMOhttp://freezoo.alwaysdata.net/freezoomaps/freezoomaps.html

 google.maps.event.addListener(tmpNode, 'drag', function(event) { 
     distance.drawPath(); 
     }); 


    distance.drawPath = function() { 
     distance.countNodes(); 
     var coords = []; 
     for (var i = 0; i < distance.nodes.length; i++) { 
     coords.push(distance.nodes[i].getPosition()); 
     } 
     distance.line.setPath(coords); 

     meters = google.maps.geometry.spherical.computeLength(coords); 
     $("#distance_km").val((meters/1000).toFixed(3)); 
     $("#distance_mi").val((meters/1609.344).toFixed(3)); 
    } 

    distance.countNodes = function() { 
     var count = 0; 
     for (var i = distance.nodes.length - 1; i >= 0; i--) { 
     if (distance.nodes[i].getMap() == null) { 
      distance.nodes.splice(i, 1); 
     } 
     else { 
      count++; 
     } 
     } 
     return count; 
    } 

    distance.clearNodes = function() { 
     for(var i = 0; i < distance.nodes.length; i++) { 
     distance.nodes[i].setMap(null); 
     } 
     distance.drawPath(); 
    }