2016-04-01 10 views
0

Harita üzerinde bir işareti bulunan bir haritayı görüntülemek için google maps api köşeli (https://angular-ui.github.io/angular-google-maps/#!/api/windows) kullanıyorum. İşaretlenen nokta, birkaç paragraf ve bir resmi olan etiketi vardır.Köşeli google maps: Görüntüyü Bilgi penceresine yerleştir

Paragrafların içeriği doğru görüntüleniyor, ancak görüntü değil. Bunun url'si doğrudur. Resim ekleyebilir miyim?

Bazı kod: HTML

<ui-gmap-google-map center='datos.mapa.center' options="datos.mapa.opciones" zoom='datos.mapa.zoom'> 
     <ui-gmap-marker coords="datos.marker_club.coords" 
         options="datos.marker_club.options" 
         idkey="datos.marker_club.id" 
         click="markerClick" > 
      <ui-gmap-window show="datos.marker_club.show" 
       closeClick="markerClose(marker)" > 
       <div><img class="mapa_escudo" scr="{{datos.escudo}}" width="32" height="32" />{{datos.club}}<br />Sede {{datos.sede}}</div> 
      </ui-gmap-windows> 
     </ui-gmap-marker> 
    </ui-gmap-google-map> 

JS

$scope.datos.club    = 'Club'; 
    $scope.datos.sede    = 'Sede'; 
    $scope.datos.escudo    = 'http://www.server.com/image.png'; 
 uiGmapGoogleMapApi.then(function(maps) { 
       $scope.datos.mapa   = { center: { latitude: latitud, longitude: longitud }, zoom: zoom }; 
       $scope.datos.mapa.opciones = { scrollwheel: true };   

       var icon = "http://maps.google.com/mapfiles/ms/icons/orange-dot.png"; 
      $scope.datos.marker_club = { id: 1, 
              coords: { latitude: latitud, longitude: longitud}, 
              options:{ 
                draggable: false, 
                icon: new google.maps.MarkerImage(icon), 
              }, 
       };  $scope.markerClick = function(marker, eventName, model) { 
    $scope.datos.marker_club.show = !$scope.datos.marker_club.show; 
}; 

$scope.markerClose = function(marker) { 
    $scope.datos.marker.show = false; 
}; 

cevap

0

Maalesef sadece görüntünün tanımındaki "ng-src" kayıp!