вопрос
Реализовал на сайте вывод объектов на карту. Подскажите как в код добавить кластеризацию (при удалении должны отображаться не объекты, а их число в кластере)
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script type="text/javascript">
ymaps.ready(init);
function init()
{
var myIcon = ymaps.templateLayoutFactory.createClass('<span class="my_icon"><span class="icon_text">' +
'{{ properties.iconRates }}' +
'</span></span>' + '<span class="hidenanme14 hidenanme">' + '{{ properties.iconCaption }}' + '<span>' );
var myMap = new ymaps.Map('map', {
center: [{first_point}],
zoom: 9
}),
{placemarks}
myMap.geoObjects.events.add('click', function (e)
{
var target = e.get('target');
window.location.href = target.properties.get('locationUrl');
});
}
var hidename = false;
function hidenamemap()
{
if (hidename == false)
{
$(".hidenanme").hide();
hidename = true;
return false;
}
$(".hidenanme").show();
hidename = false;
}
</script>
<style media="screen">
.hidenanme
{
background: #333;
padding: 2px;
opacity: 0.6;
filter: alpha(Opacity=70);
color: #fff;
width: 200px;
}
.my_icon
{
background-image: url(/templates/Default/mod/assets/img/heart-icon3.png);
padding: 16px;
background-size: 42px;
background-repeat: no-repeat;
background-position: top center;
}
.icon_text
{
width: 50px;
heigh: 50px;
line-height: 50px;
text-align: center;
color: white;
}
</style>
<div href="#" onclick="hidenamemap()" style="cursor: pointer">Убрать названия</div>
<div id="map" style="width: 100%; height: 400px; margin-bottom: 40px"></div>
