Google 个地点和地理编码要包含的脚本

Question

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

我正在使用这个加载地点 API

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

Places 查找可以正常使用。

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

geocoder = new google.maps.Geocoder();

如果我在我的页面中包含它，它会起作用（好吧，不会抛出错误）：

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

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

有人可以告诉我要包含哪些脚本才能让两者协同工作吗？老实说，此时我发现文档非常混乱。

Answer 1

它应该可以与您的第一个 include 一起正常工作。它包含基础 Google 地图 API 加上地点库。

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>

Google 个地点和地理编码要包含的脚本

What script to include for both Google Places and Geocoding

google-maps

google-geocoder

google-places-api