Написать
Как добавить маршрут на карте от яндекса на ваш сайт
Пример кода который вы можете скопировать для вставки на свой сайт или в тильду.
Чтобы вам вставить свой маршрут, замените занечение в переменной gpxTrack.
В данной перенной должен быть путь до вашего файла с маршрутом
<style>
#map {
width: 100%;
height: 600px;
}
</style>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=b99257a8-64c8-4cd8-b5a7-4ef2cc29b5c2" type="text/javascript"></script>
<script>
ymaps.ready(function () {
var myMap = new ymaps.Map('map', {
center: [55.795927, 38.331459],// Москва
zoom: 10,
});
gpxTrack = "https://s532vla.storage.yandex.net/rdisk/41934f5ee6e72972b00095f26135c84e9f2061282dd853ea3b799d8dee42fd9a/67504c46/NDPg6rfMlajVzVayWiGY00Qgv1CF-2U8uYx3XmRmyX-aCY3NhiQYv0xaBHNF68n0Y1VJceURYulDWYMG4bWLTw==?uid=190036061&filename=trek_sait.gpx&disposition=attachment&hash=&limit=0&content_type=text%2Fxml&owner_uid=190036061&fsize=2538406&hid=e00fa72c643784fd5507a292953be71b&media_type=data&tknv=v2&etag=96e96422b48390c979d68766152db9f0&ts=62870ffd71d80&s=408e52ff3a181aff2f66871284919c5863771a5636887d40e936cb62bc66c5b8&pb=U2FsdGVkX18QvPInkvQU3Xgy6rg8aThCRmQIELb6p1sUgvJjmrMvjvrh0E2dwxhuopOLwRTLjoNWPqh48L-h6YdYbddpQ3l8_XQ3QywgHhM";
ymaps.geoXml.load(gpxTrack).then(onGeoXmlLoad);
// Обработчик загрузки XML-файлов.
function onGeoXmlLoad(res) {
myMap.geoObjects.add(res.geoObjects);
if (res.mapState) {
res.mapState.applyToMap(myMap);
}
else {
myMap.setBounds(res.geoObjects.getBounds());
}
}
});
</script>
<div id="map"></div>
Пример ссылки на на сайте Велосталь r-qy5poz-otshelnik-omsdon-48-km.gpx
Пример ссылки на яндекс.диске trek_sait.gpx
Пример работы данного кода, мы можете увидеть ниже.
