Добрый день одноклубники,
прошу помощи в замене стандартных значков меток на свою png - шку.
Имеется кластер и в нем находится массив меток получаемые из формата json:
http://www.voda-st.ru/yacluster.html
{style: } пробовал применять для placemark - не получилось. если есть мысли, буду рад их увидеть
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv=»X-UA-Compatible» content=»IE=7″/>
<title>Кластеризация меток на Яндекс.картах - пример 4</title>
<script src="http://api-maps.yandex.ru
/1.1/?key=AMd4cU4BAAAAUzJ " type="text/javascript"></script>VbQIAF8o6lIUup_e4RVrRoqH3 SmU5fbsAAAAAAAAAAACEVJaJu iN3zPcBJ-V5XjcNOvZcRQ==&m odules=pmap&wizard=constr uctor <script type="text/javascript" src="js/yandex.clusterer.min.js"></script>
<style type="text/css">
html, body, #ymap {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript">
var clusterer = null,
msie = YMaps.jQuery.browser.msie,
markers = [];
YMaps.jQuery(function() {
// Определяем карту и добавляем элементы управления
var map = new YMaps.Map(YMaps.jQuery("#ymap")[0]
map.setCenter(new YMaps.GeoPoint(37.631342,55.740738), 8, YMaps.MapType.MAP);
//Во весь экран
var toolbar = new YMaps.ToolBar(
// Создание кнопки-флажка
var button = new YMaps.ToolBarToggleButton({
icon: "icon-fullscreen.png",
hint: "Разворачивает карту на весь экран"
}
// Если кнопка активна, то карта разворачивается во весь экран
YMaps.Events.observe(button, button.Events.Select, function () {
setSize(
}
// Если кнопка неактивна, то карта принимает фиксированный размер
YMaps.Events.observe(button, button.Events.Deselect, function () {
setSize(600, 400);
}
// Функция устанавливает новые размеры для карты
function setSize (newWidth, newHeight) {
YMaps.jQuery("#ymap").css({
width: newWidth || "",
height: newHeight || ""
}
map.redraw(
}
// Добавление кнопки на панель инструментов
toolbar.add(button);
// Добавление панели инструментов на карту
map.addControl(toolbar);
map.addControl(new YMaps.ToolBar()
map.addControl(new YMaps.Zoom()
map.enableScrollZoom(
map.addControl(new YMaps.SearchControl()
// создать clusterer объект с определенными параметрами
var opts = {
centered: msie ? false : true, // if not IE use centered clusters
grid: msie ? 70 : 50 // for IE grid is bigger
};
clusterer = new YandexClusterer(map, [], opts);
// remove old markers
l = markers.length;
while (l--) {
map.removeOverlay(markers[l]
}
markers = [];
if (clusterer) clusterer.clearMarkers(
// удаляем маркеры кластера
YMaps.jQuery.getJSON("vivmarkers.php", function(json){
if (json.status == 'OK') {
for (i = 0; i < json.markers.length; i++) {
var placemark=new YMaps.Placemark(new YMaps.GeoPoint(json.marke
rs[i].lat,json.markers[i] .lon) placemark.description= '<div style="color:#ff0303;font
-weight:bold">'+json.mark ers[i].cname+'</div>'; placemark.description = placemark.description+'<strong>Глубину:</strong> '+json.markers[i].address;
markers.push(placemark);
}
clusterer.setMarkers(markers); // добавляем маркеры в кластер
clusterer.repaint(
// обнавляем кластеры на карте }
else
{
alert('Произошла ошибка!');
}
})
}
</script>
</head>
<body>
<div id="ymap" style="width:600px;height:400px"></div>
</body>
</html>
P.S. новичек сильно не пинайте