javascript - Cordova map 未在 Framework7 中加载

Question

我正在尝试将cordova谷歌地图集成到Framework7 html中，但它在那里不显示任何 map ，尽管我已经为普通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>

Answer 1

您可能需要使用google.maps.event.addDomListener(window, 'load', initialize); ，尝试在 deviceready 中使用 domlistener 来加载 google library异步地。

*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);
}*

尝试使用演示应用程序，该演示应用程序使用适用于 cordova 的 Google Maps SDK:https://github.com/mapsplugin/cordova-plugin-googlemaps