map.js - master - Cjyz/Piter

map.js

129 строк2 KB

Cjyz

Create: app.py, Procfile, README.md, requirements.txt, day1.html, day2.html, day3.html, day4.html, index.html, map.js, script.js, style.css, icon.png

31 июл 2026, 22:07

Верифицирован

31 июл 2026, 22:07036bee5

// ============================
// КАРТА САНКТ-ПЕТЕРБУРГА
// ============================

const map = L.map('map').setView(
    [59.9343, 30.3351],
    12
);

// Подложка карты

L.tileLayer(
'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
{
    attribution:
    '© OpenStreetMap'
}
).addTo(map);

// Все точки поездки

const places = [

{
name:"🏨 VALO Hotel",
lat:59.9175,
lon:30.3585,
text:"Ваш отель"
},

{
name:"🚆 Московский вокзал",
lat:59.9311,
lon:30.3609,
text:"Приезд и отправление"
},

{
name:"⛪ Казанский собор",
lat:59.9349,
lon:30.3256,
text:"Красивейший собор Невского"
},

{
name:"🍩 Пышечная",
lat:59.9364,
lon:30.3315,
text:"Главная петербургская пышечная"
},

{
name:"🏛 Дворцовая площадь",
lat:59.9398,
lon:30.3146,
text:"Главная площадь города"
},

{
name:"🎨 Русский музей",
lat:59.9386,
lon:30.3320,
text:"Искусство России"
},

{
name:"⛪ Исаакиевский собор",
lat:59.9341,
lon:30.3061,
text:"Колоннада и панорама города"
},

{
name:"🌿 Новая Голландия",
lat:59.9285,
lon:30.2821,
text:"Романтическое место"
},

{
name:"🌊 Лахта Центр",
lat:59.9875,
lon:30.1796,
text:"Финский залив"
},

{
name:"🎹 Концертный зал у Финляндского",
lat:59.9551,
lon:30.3557,
text:"Триумфальный орган"
}

];

// Добавляем точки

places.forEach(place=>{

let marker =
L.marker(
[
place.lat,
place.lon
]
)
.addTo(map);

marker.bindPopup(
`
<h3>${place.name}</h3>

<p>
${place.text}
</p>

<a target="_blank"
href="
https://yandex.ru/maps/?text=${place.name}
">

🚇 Построить маршрут

</a>

`
);

});