Я использую Google Maps JS API (v3) внутри приложения Ionic 3 / Angular.
До сегодняшнего дня он работал отлично, но внезапно я замечаю ошибку при тестированииmap на iOS.
Это полностью «стандартная» реализация карт (согласно документации).
index.html:
<!-- Google maps JS SDK -->
<!-- https://developers.google.com/maps/documentation/javascript/tutorial -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=myKey"></script>
map.ts:
private defaultLocation = new google.maps.LatLng(51.507351, -0.127758);
async loadMap(mapRef: ElementRef) {
const location = this.defaultLocation;
const options: google.maps.MapOptions = {
center: location,
zoom: 10
};
this.map = new google.maps.Map(mapRef.nativeElement, options);
}
Карта загружается и отображается правильно, и я могу без проблем увеличивать масштаб, но при перетаскивании я получаю эту ошибку:
[error] - InvalidValueError: setCenter: not a LatLng or LatLngLiteral with finite coordinates: in property lat: NaN is not an accepted value
Странно, только кажется, что ошибка при 3-м перетаскивании (то есть. Первые 2 раза, когда я перетаскиваю карту, она перемещается правильно. Ошибка повторяется около 20 раз в консоли. В этот момент карта гаснет.
Это происходит только на iOS (Android не тестировался), и перетаскивание карты работает в браузере без ошибок.
Любая помощь приветствуется.
Спасибо.