如何在折线上创建一个标记，与折线上的另一个标记有一定距离-GoogleMaps API Javascript V3

Question

我正在尝试在距离我已经创建的折线的起点一定距离处添加一个标记。 （我有一条带有起点和终点的折线，在这些点上带有标记。我想在距起点的特定距离处添加标记。我尝试使用方法 poly.GetPointsAtDistance(distance) 但显然它不再使用了.我看过不同的帖子和谷歌地图Api，但没有成功。 我有

 var line = new google.maps.Polyline({
 map: map, 
 path: [location1, location2],
 strokeWeight: 7,
 strokeOpacity: 0.8,
 strokeColor: "#FFAA00"
});

我有折线的长度

 var line_length = google.maps.geometry.spherical.computeLength(line.getPath());)

我有一个创建标记的函数：

 function createMarker(map, latlng, title){
 var marker = new google.maps.Marker({
    position:latlng,
    map:map,
      title: title
      });

我希望能够通过给出从起点的距离 (new_distance) 来创建标记。 在类似的东西：

createMarker(map, line.GetPointAtDistance(new_distance), title);

关于使用什么来替换 GetPointAtDistance 的任何建议

Answer 1

函数 .GetPointAtDistance 是 Mike Williams 的epoly library for v2 的一部分。这里有一个移植到 v3 的版本： http://www.geocodezip.com/scripts/v3_epoly.js

example using it on v3

代码：

// === A method which returns a google.maps.LatLng of a point a given distance along the path ===
// === Returns null if the path is shorter than the specified distance ===
google.maps.Polyline.prototype.GetPointAtDistance = function(metres) {
  // some awkward special cases
  if (metres == 0) return this.getPath().getAt(0);
  if (metres < 0) return null;
  if (this.getPath().getLength() < 2) return null;
  var dist=0;
  var olddist=0;
  for (var i=1; (i < this.getPath().getLength() && dist < metres); i++) {
    olddist = dist;
    dist += google.maps.geometry.spherical.computeDistanceBetween(
              this.getPath().getAt(i),
              this.getPath().getAt(i-1)
            );
  }
  if (dist < metres) {
    return null;
  }
  var p1= this.getPath().getAt(i-2);
  var p2= this.getPath().getAt(i-1);
  var m = (metres-olddist)/(dist-olddist);
  return new google.maps.LatLng( p1.lat() + (p2.lat()-p1.lat())*m, p1.lng() + (p2.lng()-p1.lng())*m);
}

需要google.maps.geometry library。