JSFiddle - React, Tailwind, and code Playground
HTML
<!--
Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
-->
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru-RU&apikey=2541a305-4070-4156-97c3-5e71858d305b&mode=debug"></script>
<div id="map"></div>
CSS
html, body, #map {
width: 100%; height: 100%; padding: 0; margin: 0;
}
a {
color: #04b; /* Цвет ссылки */
text-decoration: none; /* Убираем подчеркивание у ссылок */
}
a:visited {
color: #04b; /* Цвет посещённой ссылки */
}
a:hover {
color: #f50000; /* Цвет ссылки при наведении на нее курсора мыши */
}
JavaScript
var data = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 0,
"geometry": {
"type": "Point",
"coordinates": [55.831903, 37.411961]
},
"properties": {
"balloonContent": "<a href=\'more.php?id=1\'>Описание</a>",
"hintContent": "Описание",
"clusterCaption": "Описание"
},
"options": {
"preset": "islands#icon",
"iconColor": "#00AA00"
}
}
]};
var myMap,
geoObjects,
objectManager,
arr_check = [];
ymaps.ready(init);
function init()
{
myMap = new ymaps.Map('map', {
center: [55.831903, 37.411961],
zoom: 14,
type: 'yandex#satellite'
}, {
searchControlProvider: 'yandex#search'
});
objectManager = new ymaps.ObjectManager({
clusterize: true,
gridSize: 32,
clusterDisableClickZoom: true
});
objectManager.objects.options.set('preset', 'islands#grayDotIcon');
objectManager.clusters.options.set('preset', 'islands#grayClusterIcons');
myMap.geoObjects.add(objectManager);
objectManager.add(data);
myMap.geoObjects.add(objectManager);
};