如何将路线服务和多个标记组合在一起

Question

我有一张类似于 https://jsfiddle.net/maiiiii/onca4rge/4/ 的地图。

现在我想用方向功能替换我的地理编码器。

我正在研究这里的代码：

https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-directions

我所做的是将 initMap 函数以外的所有内容复制并粘贴到我的代码中 --> https://jsfiddle.net/maiiiii/onca4rge/4/.

我将以下内容添加到我的初始地图中：

new AutocompleteDirectionsHandler(map);

但是，我没有看到服务功能。当我将它们分开时，它们都能正常工作。

我希望路线服务与过滤器分开工作。

我的结果没有显示路线服务，我只看到可能带有点的地图。因为我希望他们两个分开工作，所以我不明白为什么他们不都显示在地图上。

Answer 1

您需要在 Google 地图 API 脚本中添加地点库。像这样：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>

添加此库后，您的 jsfiddle 运行完美，包括地点自动完成服务和路线服务。

希望对您有所帮助！