使用Angularjs的谷歌地图无法在实时应用中使用

时间:2016-04-20 04:20:27

标签: angularjs

我正在尝试使用Intel-XDK创建一个角度应用

我在$ scope.latitude中的纬度值和$ scope.longitude.what中的经度值。我需要的是当我点击ngclick()时,地图将在应用程序外打开。这里我的代码地图是在intel工作XDK。但是当我托管应用程序时,它无法正常工作。

的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

app.controller('main', function ($scope,$interval,$ionicModal,localStorageService,$http,$q,$templateCache) {

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

2 个答案:

答案 0 :(得分:0)

这是不正确的语法:

app.controller('main', function ($scope,$interval,$ionicModal,localStorageService,$http,$q,$templateCache) {

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

如果你没有正确的语法,那么任何工作都很难,你会在这里得到大量的语法错误。

看了你的小提琴后:你每次用var定义两次url的重点是什么? 另外,你在命令行中运行了什么命令,你做了离子构建吗?

答案 1 :(得分:0)

您只需更改index.html即可打开谷歌地图。无需编写javascript

div style="padding-left:10px;">
                         <i class="icon ion-map"></i><a href="http://maps.google.com/maps?ll={{temple.latitude}},{{temple.longitude}}">
                         Location Map</a>
                    </div>