例外：未定义 Google [Cordova 地理位置]

Question

我正在尝试制作一个简单的应用程序，以显示我在谷歌地图 API 上的位置。
我正在使用 Cordova。
我为浏览器构建它，并且工作正常，但是当我为 android 或 windows 构建它时，它构建但是当我运行它时，应用程序打开但无法工作。

它向我显示一条警告说 Google 未定义。
看附图：Warning error!

这是我的 JS 代码：

var 应用程序 = {

initialize: function() {
    this.bindEvents();
},

bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
},

onDeviceReady: function() {
    navigator.geolocation.getCurrentPosition(app.onSuccess, app.onError);
},

onSuccess: function(position){

    var longitude = position.coords.longitude;
    var latitude = position.coords.latitude;
    var latLong = new google.maps.LatLng(latitude, longitude);

    var mapOptions = {
        center: latLong,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

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

    var marker = new google.maps.Marker({
          position: latLong,
          map: map,
          title: 'my location'
      });
},

onError: function(error){
    alert("cod erro " + error.code + ". \n" + 
        "mensagem: " + error.message);
}

};

Answer 1

将此脚本放在 HTML 文档的末尾（将 YOUR_API_KEY 替换为您的实际 API 密钥）

<script async defer src="https://maps.googleapis.com/maps/api/js key=YOUR_API_KEY&callback=initMap">
</script>

在此脚本中，回调称为 initMap()。它看起来像这样：

function initMap() {

    var mapOptions = {
        center: {lat: -34.397, lng: 150.644},
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

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

    google.maps.event.addListenerOnce(map, 'tilesloaded', function(){ 
         getGeoLocation();
     });
}

 // Gets user location
function getGeoLocation() {

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {

            // Gets lat & lng and makes a LatLng object
            var longitude = position.coords.longitude;
            var latitude = position.coords.latitude;
            var latLong = new google.maps.LatLng(latitude, longitude);

            // Places a marker on the map
            var marker = new google.maps.Marker({
                position: latLong,
                map: map,
                title: 'my location'
            });

            // Centers map on user location
            map.setCenter({lat:latitude, lng:longitude});

        }, geoLocationError, {maximumAge:600000, timeout:10000, enableHighAccuracy: true});
    }
}