Google地图无法在Angular App中使用

时间:2016-04-19 03:51:24

标签: angularjs

以下谷歌地图代码在使用Angularjs.locally的实时应用程序中无法正常工作。但是当我上传到实时应用程序时,它无法正常工作。如何解决这个问题?

的index.html

<div class="item item-divider" style="font-size:18px;">
                        <i class="icon ion-map"></i> &nbsp;
                        <a ng-click="launchGoogleMaps()">Location map</a>
                    </div>

app.js

$scope.launchGoogleMaps=function(){
        var url = "http://maps.google.com/maps?ll="+$scope.temple.latitude+","+$scope.temple.longitude;
intel.xdk.device.launchExternal(url);
    }

1 个答案:

答案 0 :(得分:0)

试试这个

$scope.launchGoogleMaps=function(){
    var url = "http://maps.google.com/maps?ll="+$scope.temple.latitude+","+$scope.temple.longitude;

    document.addEventListener("intel.xdk.device.ready",function(){
        intel.xdk.device.launchExternal(url);    
    },false);

} 

此功能仅适用于事件处理程序。所以你不能随时随地打电话。 确保您还在应用中添加了英特尔XDK设备插件。

最后但并非最不重要你应该在config.xml中添加这一行,让应用程序在任何外部网址中进行午餐:<access origin="*" />

参考:https://cordova.apache.org/docs/en/4.0.0/guide_appdev_whitelist_index.md.html