谷歌地方信息和地理编码都要包含什么脚本

Question

我正在努力让谷歌地方查找和地理编码在同一页面中协同工作。我认为我加载两个 API 的方式存在冲突。

我正在使用这个来加载位置 API

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=*****************&callback=initAutocomplete&types=address" async defer></script>

地点查找可以很好地工作。

对于地理编码，这是我尝试工作的第一行代码

geocoder = new google.maps.Geocoder();

如果我在我的页面中包含它，它可以工作(好吧，不会引发错误(：

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

但这几乎与我已经拥有的 URL 相同，并且包含它会破坏"地点"查找。当我包含两个脚本时，我还会收到一条警告，告诉我我已经多次包含地图 API，这可能会导致问题。

请有人告诉我要包含哪些脚本才能同时工作吗？老实说，我发现文档在这一点上非常令人困惑。

Answer 1

它应该只适用于您的第一个包含。它包含基本的Google Maps API和Places库。

var initMap = function () {
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
address: '10 Downing St, Westminster, London SW1A 2AA, UK',
}, function (results, status) {
if (status === 'OK') {
var result = results[0];
alert('latitude: ' + result.geometry.location.lat());
}
else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
};

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=initMap" async defer></script>