Мне нужно использовать javascript-карты google в веб-просмотре. Проблема в том, что при перетаскивании карты недостающие фрагменты не будут загружены. В браузере на моем рабочем столе ПК я не могу получить то же поведение, но загружать фрагменты, перемещая карту. На картинке я держу карту, и ничего не происходит, пока я не отпущу палец.
Я нашел проблему (не совсем подходящую для моей проблемы, но немного близкую) в bugtracker gmaps и попробовал все упомянутые решения: https://code.google.com/p/gmaps-api-issues/issues/detail?id=1448
Это то, что я пробовал до сих пор:
// Setting the maps div container to a fixed size
#map-canvas {
height: 600px;
width: 600px;
}
// Emit resize trigger on mouse move
$(document).ready(function () {
$("#map-canvas").mousemove(function (event) {
setTimeout(function () {
google.maps.event.trigger(map,'resize');
map.setZoom(map.getZoom());
}, 100);
});
});
// loading Google Maps API after document has been loaded
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
'callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
Код работает, и событие mousemove запускается. Я использую android: minSdkVersion = "19" на моем устройстве nexus 10.