地图在设备上不起作用

Question

我花了很多时间试图弄清楚这一点。 我的应用程序上有一张地图，该地图在加载后会加载实际位置。

由于某种原因，在我的查看器（使用 Ionic Viewer）上，它可以在我的本地设备和我的本地主机上运行，​​但是当我直接从 Xcode 在我的 iPhone 上测试它时，地图不会加载。

如果我编译一个 .apk 并在 android 上测试它，地图也不会加载。

.controller('mapaCtrl', function($scope, $compile, $location) {

    $scope.goPayment = function() {
        $location.path('side-menu/history');
    };


var myLatlng = new google.maps.LatLng(34.603711, -58.381585);

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

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

    navigator.geolocation.getCurrentPosition(function(pos) {
        map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
        var myLocation = new google.maps.Marker({
            position: new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude),
            map: map,
            title: "My Location"
        });

        google.maps.event.addListener(myLocation, 'click', function() {
            infowindow.open(map,myLocation);
        });
    });


    var contentString = "<div><a ng-click='clickTest()'>Pagar Aqui!</a></div>";
    var compiled = $compile(contentString)($scope);

    var infowindow = new google.maps.InfoWindow({
      content: compiled[0]
    });

  $scope.map = map;

      $scope.clickTest = function() {
    $location.path('side-menu/pay');
  };




})

有什么线索吗？

Answer 1

可能有几件事会影响您应用的正常功能，请考虑以下几点：

• 可能存在阻止对谷歌地图的请求的问题。查看白名单插件：https://stackoverflow.com/a/29896923/1956540

• 尝试添加 geoLocation 权限，这是我发现的一篇文章，可以引导您完成整个过程：http://www.gajotres.net/using-cordova-geoloacation-api-with-google-maps-in-ionic-framework/

  将地理定位代码包装到 Ionic 设备中也很重要 事件，没有它执行将超时：

  ionic.Platform.ready(function() { // 代码在这里 }

我不确定是否有必要再拥有这些，但我知道对于 Android，您可以验证 AndroidManifest.xml 中存在所需的权限：

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

您可能可以搜索一些 iOS 等价物，但我认为安装该插件应该可以自行工作。

--