Google Maps - пользовательские иконки с infoWindows - PullRequest
Новая
       14

Google Maps - пользовательские иконки с infoWindows

1 голос
/ 14 апреля 2010

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

Спасибо! 

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

1 Ответ

2 голосов
/ 14 апреля 2010

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

...