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

时间:2019-08-18 22:47:56

标签: javascript google-maps google-maps-api-3 google-places-api

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

现在,我想将我的地址解析器替换为Directions函数。

我正在这里学习代码:

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

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

我在初始地图中添加了以下内容:

new AutocompleteDirectionsHandler(map);

但是,我看不到服务功能。当我将它们分开时,它们都可以正常工作。

我想让路线服务与过滤器分开工作。

我的结果未显示路线服务,我只看到可能带有点的地图。由于我希望它们可以分开工作,因此我不明白为什么它们都不在地图上显示。

1 个答案:

答案 0 :(得分:0)

您需要在Google Maps API脚本中添加Places库。像这样:

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

添加该库后,您的jsfiddle可以完美运行,包括Place Autocomplete服务和Directions服务。

希望这会有所帮助!