google map using Angularjs is not working in live app - angularjs

Question

I am trying to create an angular app with Intel-XDK
I have latitude value in $scope.latitude and longitude value in $scope.longitude.what I need is when I click on ngclick() the map will be open outside the application.Here in my code map is working in intel XDK.but when I host the application it is not working.
Index.html
<div class="item item-divider" style="font-size:18px;">
<i class="icon ion-map"></i>
<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>
<a ng-click="launchGoogleMaps()">Location map</a>
</div>
});

Answer 1

You can simply open google map by changing index.html.No need to write 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>

Answer 2

This is incorrect syntax:
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>
<a ng-click="launchGoogleMaps()">Location map</a>
</div> //especially this part...
});
It would be hard for anything to work if you don't have proper syntax you will get copious syntax errors here.
After looking at your fiddle: you defined url twice with var each time what is the point of that?
Also, what commands did you run in the command line did you do like ionic build ?