Показать несколько маркеров местоположения на карте Google

Question

Как мы можем openInfoWindowHtml на карте Google при наведении указателя мыши на PHP MySQL, как показано ниже:

http://www.yelp.com/c/denver/health

На этих сайтах отображается информационное окно на карте Google при наведении указателя мыши на результат.title

Пробуется следующим образом,

//<![CDATA[
var map;
var geocoder;
var markerArray = [];
function loadMap(params) {
    if (GBrowserIsCompatible()) {
        geocoder = new GClientGeocoder();
        map = new GMap2(document.getElementById('map'));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(40, -100), 4);
        map.setZoom(8);
        searchLocationsNear(params)
    }
}

function searchLocationsNear(params) {

    var data = JSON.parse(params);
    var lenght = data.length;
    var bounds = new GLatLngBounds();
    for ( var i = 0; i < lenght; i++) {

        // check lat and long available with data
        if (data[i].enough_for_map) {
            var name = data[i].name;
            var address = data[i].address;

            if (data[i].description)
                var description = data[i].description;

            var point = new GLatLng(data[i].latitude, data[i].longitude);

            var marker = createMarker(point, name, address, description);

            map.addOverlay(marker);

            markerArray[i + 1] = marker;

            var el_index = $('service_name_' + i);

            if (el_index) {

                el_index.addEvent('mouseover', marker);

                // GEvent.addDomListener(el_index, 'mouseover', function() {
                // GEvent.trigger(markerArray[i], 'click');
                // });

            }

            bounds.extend(point);
        }
    }
    map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
}

function createMarker(point, name, address, description) {
    var marker = new GMarker(point);
    var html = '<b>' + name + '</b> <br/><p>' + description + '</p>' + address;
    GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
    });
    return marker;
}

над местоположениями карты, указанными в наборе результатов mysql.

<h2>
    <a id="service_name_1" href="/example/details/bookkeeper/191">Photographer</a> 
</h2>
<h2>
    <a id="service_name_2" href="/example/details/bookkeeper/192">Teacher</a> 
</h2>
<h2>
    <a id="service_name_3" href="/example/details/bookkeeper/193">Accountant</a> 
</h2>

Исключенный результат: при наведении курсора на каждый h2 должен отображатьсясоответствующая информация о местоположении на карте.

Любое предложение будет высоко ценится

Спасибо

Answer 1

Как далеко вы продвинулись?

В принципе, вы могли бы,

Поместить стандартные прослушиватели 'click' событий на маркеры, которые вы поместили на карту, которая отображает пользовательское информационное окно (несколько различных подходов / примеров здесь:http://code.google.com/intl/sv-SE/apis/maps/documentation/javascript/demogallery.html).

Иметь другого слушателя для 'mouseover' в элементах li бокового списка, который, в свою очередь, вызывает событие click (вот как вызвать события карты Google: http://code.google.com/intl/sv-SE/apis/maps/documentation/javascript/reference.html#event)