Google Map API (JS) - 在 Google 地图中显示多个位置，但一个接一个答案

【问题标题】：Google Map API (JS) - Show multiple locations in Google map but One after OneGoogle Map API (JS) - 在 Google 地图中显示多个位置，但一个接一个
【发布时间】：2018-07-09 09:37:07
【问题描述】：

我正在使用以下代码使用 Google MAP JS API 在地图上显示多个位置。

Code

但我想在到达第一个位置后显示第二个标记，在到达第二个位置后显示第三个标记，依此类推。并非所有标记都在一次。根据代码，我想在地图上显示“Coogee Beach”标记，如果我到达邦迪海滩等等。一次一个标记。

var locations = [
  ['Bondi Beach', -33.890542, 151.274856, 4],
  ['Coogee Beach', -33.923036, 151.259052, 5],
  ['Cronulla Beach', -34.028249, 151.157507, 3],
  ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
  ['Maroubra Beach', -33.950198, 151.259302, 1]
];

【问题讨论】：

标签： javascript jquery google-maps

【解决方案1】：

没有简单的方法可以知道你是否到达了一个位置，你可以在这里做的是使用 distanceMatrixService 来获取原点和你的位置之间的距离让我们称之为 distanceA 和原点到一个地方之间的距离我们称它为 distanceB，算法类似于：

if(distanceA>distanceB){
     addMarker(locations[i+1]);
     distanceB=distance between the origin and the next location;
     i++;
}

这里是 distanceMatrixService 的链接 https://developers.google.com/maps/documentation/javascript/reference/3.exp/distance-matrix

【讨论】：