在AngularGoogleMaps中实现图片嵌入信息窗口功能-EmbeddingImagesintoInfoWindowsinAngularGoogleMaps

I use google maps api angular (https://angular-ui.github.io/angular-google-maps/#!/api/windows) to display a map with a mark on it. The marked point, has its label with a few paragraphs and a picture.

我使用谷歌地图api angular（https://angular-ui.github.io/angular-google-maps/#!/api/windows）来显示带有标记的地图。标记点，其标签有几个段落和图片。

The content of paragraphs displayed correctly, but not the image. The url of it is correct. Can add an image?

段落的内容显示正确，但不是图像。它的网址是正确的。可以添加图片吗？

Some code: HTML

一些代码：HTML

    
        
            
                
{{datos.club}}
Sede {{datos.sede}}
            
        
    

JS

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;
};

1 个解决方案