Я застрял с адаптацией приведенного ниже кода.
То, что я пытаюсь сделать, это вытащить функцию щелчка из JS, созданных Ли, чтобы я мог делать другие div на странице скласс .myclick показывает сообщение под точкой на карте.
Дополнительно - я бы хотел, чтобы zindex выбранного маркера был сброшен, чтобы вывести его на передний фронт.
Идеи более чем приветствуются,
$.getJSON("/ajax/event-locations.php?id=111&action=listpoints", function(json) {
if (json.Locations.length > 0) {
for (i=0; i<json.Locations.length; i++) {
var location = json.Locations[i];
addLocation(location);
}
zoomToBounds();
}
});
function addLocation(location) {
var point = new GLatLng(location.lat, location.lng);
var marker = new GMarker(point);
map.addOverlay(marker);
bounds.extend(marker.getPoint());
$("<li />")
.html(location.name)
.click(function(){
showMessage(marker, location.name);
})
.appendTo("#list");
GEvent.addListener(marker, "click", function(){
showMessage(this, location.name);
});
}
function showMessage(marker, text){
var markerOffset = map.fromLatLngToDivPixel(marker.getPoint());
$("#message").hide().fadeIn()
.css({ top:markerOffset.y, left:markerOffset.x })
.html(text);