Карты Google на мобильных устройствах - начальные плитки, показывающие при перемещении

Поэтому я создаю приложение с Google Maps API v3 для своих карт. Я наткнулся на эту странную ошибку. При перемещении пальца на карте начальные плитки, отображаемые при загрузке, отображаются так, как если бы они были загружаемыми по умолчанию изображениями. Это приводит к очень тревожным результатам. Смотрите видео ниже:

http://www.youtube.com/watch?v=jvmgXRpr7ng

Очень смущает...

Вот код, если необходимо. Самый простой код:

function GoogleMap(){

 this.initialize = function(){
 var map = showMap();
 }

 var showMap = function(){
 var mapOptions = {
 zoom: 4,
 center: new google.maps.LatLng(-33, 151),
 mapTypeId: google.maps.MapTypeId.ROADMAP
 }

 var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

 return map;
 }
}

function onDeviceReady(){
 var map = new GoogleMap();
 map.initialize();
}

Я использую последнюю версию Cordova (Phonegap), и показанный пример записан на Google Nexus 5 под управлением Android 4.4.2.

Спасибо за вашу помощь!

1 ответ

У меня такая же проблема не центрирования, а отображает только часть карты на холсте карты. Поместите строку после map.initialize();

google.maps.event.trigger(map, 'resize');

И после этого снова установитеsetCenter и setZoom

map.setCenter(myLatlng);
map.setZoom(10);

licensed under cc by-sa 3.0 with attribution.