javascript - 即使值是数字，也会收到 "InvalidValueError: setCenter: not a LatLng or LatLngLiteral: in property lng: not a number"错误

Question

尝试使用 Google Maps API 初始化 map 。以数字形式输入中心的纬度和经度。收到一条错误，指出它们不是数字。

var map; // Variable used to create new map
var mapDiv = document.getElementById('ippudo-map'); // Location of the map in the html

// Create a function to initialize the map

function initMap() {
  map = new google.maps.Map(mapDiv, {
    center: {lat: 42.3601, long: 71.0589},
    zoom: 8
  });
}

Answer 1

根据 Google Maps JavaScript API 文档，LatLngLiteral 接口(interface)有两个字段:lat 和 lng。

https://developers.google.com/maps/documentation/javascript/reference/coordinates#LatLngLiteral

在您的示例中，您使用的是 long 而不是 lng。您应该修复错误的字段名称

function initMap() {
    map = new google.maps.Map(mapDiv, {
        center: {lat: 42.3601, lng: 71.0589},
        zoom: 8
    });
}

希望这会有所帮助!