...........
//координаты маркера
var lat = ...;
var lng = ...;
var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng));
//присваиваем иконке изображение (в моём случае разные) поэтому нужна переменная
var myicon = ...;
//создаём балун для каждого маркера с различным контентом
var contentString = '<div id="balloon">....</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
//создаём сам маркер
markers[id] = new google.maps.Marker({
icon: myicon,
position: point,
map: MYMAP,
title: ...
});
//добавляем событие при клике по маркеру
google.maps.event.addListener(markers[id], 'click', function() {
infowindow.open(MYMAP,markers[id]);
});
.....................
markers[id].setMap(null);
.......
// Когда-то на заре вселенной была создана Она...
var myMap = new google.maps.Map(..., {...});
...
//И на 8-й день покрылась Она блоками и маркерами
for (...) {
var block = $('<div>')
.append(...)
.data('marker', new google.maps.Marker({
icon: ...,
position: ...,
title: ...
}))
.on('click', function () {
// Удаляем и блок, и маркер
var $item = $(this);
$item.data('marker').setMap(null);
$item.remove();
})
appendTo(...);
block.data('marker').setMap(myMap);
}
Простой
Средний
Средний
