2010-04-14 3 views
1

Насколько я могу судить, этот код в порядке и должен отображать некоторые пользовательские значки с всплывающими окнами HTML. Но всплывающие окна не работают! Может ли кто-нибудь указать, что я делаю неправильно? Я не могу отлаживать его сам.Google Maps - пользовательские значки с infoWindows

Спасибо!

function initialize() { 
    if (GBrowserIsCompatible()) { 
     var map = new GMap2(document.getElementById("map")); 
     map.setCenter(new GLatLng(51.410416, -0.293884), 15); 
     map.addControl(new GSmallMapControl()); 
     map.addControl(new GMapTypeControl()); 
     var i_parking = new GIcon(); 
      i_parking.image = "http://google-maps-icons.googlecode.com/files/parking.png"; 
      i_parking.iconSize = new GSize(32, 37); 
      i_parking.iconAnchor = new GPoint(16, 37); 
      icon_parking = { icon:i_parking }; 
     var marker_office = new GMarker(new GLatLng(51.410416,-0.293884)); 
     var marker_parking1 = new GMarker((new GLatLng(51.410178,-0.292000)),icon_parking); 
     var marker_parking2 = new GMarker((new GLatLng(51.410152,-0.298948)),icon_parking);   
     GEvent.addListener(marker_parking1, 'click', function() { 
      marker_parking1.openInfoWindowHtml('<strong>On Street Parking</strong><br>Church Road - 40p per hour'); 
     }); 
     GEvent.addListener(marker_parking2, 'click', function() { 
      marker_parking2.openInfoWindowHtml('<strong>Multi Storey - Fairfield</strong><br>Upper Car Park - 90p per half hour<br>Lower Car Park - £1.20 per hour'); 
     });   
     map.addOverlay(marker_office); 
     map.addOverlay(marker_parking1); 
     map.addOverlay(marker_parking2); 
    } 
} 

ответ

2

Проблема заключается в том, что вам нужно установить infoWindowAnchor на вашем GIcon объекта. Вы можете найти рабочий пример here.

+0

Отличный материал - большое спасибо! Это имеет смысл, когда вы думаете об этом ... – MrFidge

Смежные вопросы