Получение ошибки «InvalidValueError: setCenter: не LatLng или LatLngLiteral: в свойстве lng: не число», даже если значения являются числами

Question

Попытка инициализировать карту с помощью API Карт Google.Введите широту и долготу центра в виде чисел.Получив ошибку, которая говорит, что они не числители.

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

Согласно документации JavaScript API Карт Google, интерфейс LatLngLiteral имеет два поля: 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
    });
}

Надеюсь, это поможет!