角度谷歌地圖：把圖像放在信息窗口

Question

我使用谷歌地圖api角度（https://angular-ui.github.io/angular-google-maps/#!/api/windows）來顯示帶有標記的地圖。標記點有幾個段落和一張照片。

段落內容正確顯示，但不是圖像。它的網址是正確的。可以添加圖片嗎？

一些代碼： 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; 
}; 

Answer 1

對不起，只是在圖像的清晰度失蹤 「NG-SRC」！