javascript - 谷歌地图 API : Geocoder: unknown property function:

Question

我目前正在尝试使用 Google Geocoder API 将地址转换为纬度/经度坐标，但是，当使用其开发文档中的示例(https://developers.google.com/maps/documentation/javascript/geocoding)时，我遇到了“InvalidValueError:未知属性”的错误函数”

在我的 HTML 文件中，我调用了 google map API 和一个 map div，我的 map 应该在其中呈现。 (当然我还有其他东西，但为了开门见山我只会发布相关代码)

<script src="https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=initMap" async defer></script>
<div id="map"></div>

在我的 JS 文件中:

window.initMap = function(){
var fromLocation = new google.maps.LatLng(37.09024, -95.712891),
  destLocation = new google.maps.LatLng(37.09024, -95.712891),
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.09024 , lng: -95.712891}, // center of USA
    zoom: 4 // continet level
  }),
  directionService = new google.maps.DirectionsService(),
  directionRender = new google.maps.DirectionsRenderer({
    map: map
  }),
  markerA = new google.maps.Marker({
    position: fromLocation,
    title: "Point A",
    label: "From",
    map:map
  }),
  markerB = new google.maps.Marker({
    position: destLocation,
    title: "Point B",
    label:"Destination",
    map:map
  });
   getLatLng("Los Angeles");
 } // end of initMap

 function getLatLng(address){
   geocoder = new google.maps.Geocoder();
   geocoder.geocode({address: address, function(results,status){
    if(status === 'OK'){
      console.log(results[0].geometry.location);
    }
    else{
      console.log("Geocoding couldn't convert string address to lat/long points");
    }
  }
 });// end of geocoder method.
}

关于如何修复未知属性函数错误有什么想法吗？谢谢!

Answer 1

您在函数 getLatLng 中输入错误:

geocoder.geocode({
  address: address,

地址:地址后需要有一个“}”

function getLatLng(address) {
  geocoder = new google.maps.Geocoder();
  geocoder.geocode({
    address: address},
    function(results, status) {
      if (status === 'OK') {
        console.log(results[0].geometry.location);
      } else {
        console.log("Geocoding couldn't convert string address to lat/long points");
      }
  }); // end of geocoder method.
}

window.initMap = function() {
    var fromLocation = new google.maps.LatLng(37.09024, -95.712891),
      destLocation = new google.maps.LatLng(37.09024, -95.712891),
      map = new google.maps.Map(document.getElementById('map'), {
        center: {
          lat: 37.09024,
          lng: -95.712891
        }, // center of USA
        zoom: 4 // continet level
      }),
      directionService = new google.maps.DirectionsService(),
      directionRender = new google.maps.DirectionsRenderer({
        map: map
      }),
      markerA = new google.maps.Marker({
        position: fromLocation,
        title: "Point A",
        label: "From",
        map: map
      }),
      markerB = new google.maps.Marker({
        position: destLocation,
        title: "Point B",
        label: "Destination",
        map: map
      });
    getLatLng("Los Angeles");
  } // end of initMap

function getLatLng(address) {
  geocoder = new google.maps.Geocoder();
  geocoder.geocode({
      address: address
    },
    function(results, status) {
      if (status === 'OK') {
        console.log(results[0].geometry.location);
      } else {
        console.log("Geocoding couldn't convert string address to lat/long points");
      }
    }); // end of geocoder method.
}

html,
body,
#map {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>
<div id="map"></div>