Карта Кордовы не загружается в Framework7

Я пытаюсь интегрировать карту Google Cordova в html Framework7, но она не отображает там никакой карты, хотя я пишу аналогичный код для обычной html-страницы и работает там. Любая помощь будет высоко оценена.

// Wait for device API libraries to load
//
document.addEventListener("deviceready", onDeviceReady, false);

// device APIs are available
//
function onDeviceReady() {
    //navigator.geolocation.getCurrentPosition(onSuccess, onError);
    var mapDiv = document.getElementById('map_canvas');
    var GOOGLE = new plugin.google.maps.LatLng(37.422858, -122.085065);
    var map = plugin.google.maps.Map.getMap(mapDiv);
    map.addEventListener(plugin.google.maps.event.MAP_READY, function () {
        map.setCenter(GOOGLE);
    });

}
</script>

google-maps cordova javascript html-framework-7
person Yasir    schedule 22.07.2016    source источник

Ответы (1)


arrow_upward
-1
arrow_downward

Возможно, вам придется использовать google.maps.event.addDomListener(window, 'load', initialize);, попробуйте использовать domlistener в deviceready для асинхронной загрузки библиотеки Google.

*function loadAsynchronousScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp' +'&signed_in=true&callback=initialize';
document.body.appendChild(script);
}*

Попробуйте поиграть с демонстрационным приложением, это демонстрационное приложение использует Google Maps SDK для Cordova: https://github.com/mapsplugin/cordova-plugin-googlemaps

person Android Enthusiast    schedule 23.07.2016
comment
Ясир спросил о Cordova-plugin-googlemaps, а не о Google Maps javascript API v3. - person wf9a5m75; 21.08.2019