Google Maps Как добавить изображение в InfoWindow

Question

Привет Я пытаюсь добавить изображение в Google Maps InfoWindow, мой код, как это скрипт

var ContactUs = function() { 

return { 
    //main function to initiate the module 
    init: function() { 
     var map; 
     $(document).ready(function(){ 
      map = new GMaps({ 
      div: '#map', 
      lat: -13.004333, 
      lng: -38.494333, 
      }); 
      var marker = map.addMarker({ 
       lat: -13.004333, 
       lng: -38.494333, 
       title: 'Loop, Inc.', 
       infoWindow: { 
        content: "<b>Loop, Inc.</b> 795 Park Ave, Suite 120<br>San Francisco, CA 94107" 
       } 
      }); 

      marker.infoWindow.open(map, marker); 
     }); 
    } 
}; 

}(); 

Тогда в моем HTML она вызывается так:

<div class="row-fluid"> 
    <div id="map" class="gmaps margin-bottom-40" style="height:400px;"></div> 
</div> 

Я попытался добавить тег изображения в файл сценария, но он не работает, я понимаю, что вместо этого нужно добавить код в html-файл, но не уверен, что?

Answer 1

Используйте это, я попробовал этот один в моем приложении:

infoWindow.setContent(html); 
infoWindow.open(map, marker); 

Вместо:

infoWindow: { 
    content: "<b>Loop, Inc.</b> 795 Park Ave, Suite 120<br>San Francisco, CA 94107" 
} 

Answer 2

Вы добавить свой HTML для ссылки на изображение в InfoWindow "содержание"

 var marker = map.addMarker({ 
      lat: -13.004333, 
      lng: -38.494333, 
      title: 'Loop, Inc.', 
      infoWindow: { 
       content: "<b>Loop, Inc.</b> 795 Park Ave, Suite 120<br>San Francisco, CA 94107<br><img src='myimage.jpg' alt='image in infowindow'>" 
      } 
     }); 

Вышеупомянутое изображение «myimage.jpg» находится в локальном каталоге. Вы также можете использовать абсолютный URL-адрес. Будьте осторожны смешивания "(двойные кавычки) и„(одинарные кавычки)