Google map async passing dynamic latitude and longitude doesn't work


i’m trying to pass parameters dinamically to google map…
in index.html

<script src=""></script>

in controllers.js

    .controller('MapController', function($scope, $ionicLoading, $compile) {
// {{item.metadata.xreference}}

 $scope.vaiconlamappa = function(lat,lon) {
//var lat=43.07493;
//var lon=-89.381388;

var myLatlng = new google.maps.LatLng(lat,lon);
    var mapOptions = {
      center: myLatlng,
      zoom: 16,

 mapTypeId: google.maps.MapTypeId.ROADMAP
var map = new google.maps.Map(document.getElementById("map"),

var marker = new google.maps.Marker({
  position: myLatlng,
  map: map,
  title: 'Luogo Indicato'

google.maps.event.addListener(marker, 'click', function() {,marker);

$ = map;


in content.html

.scroll {
  height: 100%;
<div class="item item-avatar">

<div class="item item-body">
  <img class="full-image" ng-src="{{item.images.image_fulltext}}">
  <div ng-bind-html="item.content"></div>

<div id="map" ng-controller="MapController" data-tap-disabled="true" on-create="vaiconlamappa({{coordinates.latitude}},{{coordinates.longitude}})"></div><br><br>

But in div map nothing appear…
the latitude and longitude must be loaded dynamically…

see example in
when you click on article (it contain coordinates) and you should see the map

any help will be apprecied :slight_smile: tnx