JSFiddle - React, Tailwind, and code Playground
by AJIEKCEU
HTML
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"></div>
<script>
var myMap, ymaps;
// Инициализировать карту
function init() {
var body = $('body'),
myMap = document.getElementById("map");
if (!myMap) return;
myMap = new ymaps.Map(myMap, {
center: [53.940944, 27.596874],
zoom: 7,
controls: []
});
myMap.controls.add("zoomControl", {});
var data = {
'points': [
{
"infoPoint": '<div class="ttl">Какойто текст о месте</div><a class="accordion-link-map" href="#accordion1">Витебск и его окрестности</a>',
"coords": [54.30804495510971,26.824636723542472],
'type': '1'
},
{
"infoPoint": '<div class="ttl">Какойто текст о месте</div><a class="accordion-link-map" href="#accordion1">Витебск и его окрестности</a>',
"coords": [54.3107300766701,26.82714727118043],
'type': '2'
},
{
"infoPoint": '<div class="ttl">Какойто текст о месте</div><a class="accordion-link-map" href="#accordion1">Витебск и его окрестности</a>',
"coords": [54.30903778048102,26.829864348912505],
'type': '2'
},
{
"infoPoint": '<div class="ttl">Какойто текст о месте</div><a class="accordion-link-map" href="#accordion1">Витебск и его окрестности</a>',
"coords": [54.310955919992736,26.832254197144767],
'type': '1'
}
],
'routs':
{
'coords': [[54.30804495510971,26.824636723542472],[54.310855545336395,26.825838353181148],[54.3107300766701,26.82714727118043],[54.31074262355403,26.82794120504882],[54.310802221193825,26.82943787767915],[54.30903778048102,26.829864348912505],[54.30732345553211,26.82883169844176],[54.3067074608961,26.831576403765116],[54.30873136564801,26.832129877176147],[54.310955919992736,26.832254197144767]]
}
};
function createPlacemark(item) {
...
CSS
#map{
height: 500px;
}