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