角度のついたGoogleマップ：画像を情報ウィンドウに表示

Question

Googleマップのapi angular（https://angular-ui.github.io/angular-google-maps/#!/api/windows）を使用して、マークが付いた地図を表示します。マークされたポイントは、いくつかの段落と画像のラベルが付いています。

段落の内容は正しく表示されますが、イメージは表示されません。それのURLは正しいです。画像を追加できますか？

いくつかのコード： 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を" 行方不明！