323 lines
67 KiB
HTML
323 lines
67 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Карта образовательных учреждений Челябинска</title>
|
||
<script src="https://api-maps.yandex.ru/2.1/?apikey=y&lang=ru_RU" type="text/javascript"></script>
|
||
<style>
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||
background-color: #f5f5f5;
|
||
}
|
||
|
||
.header {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
color: white;
|
||
padding: 20px;
|
||
text-align: center;
|
||
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.header h1 {
|
||
margin: 0;
|
||
font-size: 2.2em;
|
||
font-weight: 300;
|
||
}
|
||
|
||
.header p {
|
||
margin: 10px 0 0 0;
|
||
opacity: 0.9;
|
||
font-size: 1.1em;
|
||
}
|
||
|
||
.controls {
|
||
background: white;
|
||
padding: 15px;
|
||
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.filter-btn {
|
||
padding: 8px 16px;
|
||
border: 2px solid #667eea;
|
||
background: white;
|
||
color: #667eea;
|
||
border-radius: 25px;
|
||
cursor: pointer;
|
||
transition: all 0.3s ease;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.filter-btn:hover {
|
||
background: #667eea;
|
||
color: white;
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
|
||
}
|
||
|
||
.filter-btn.active {
|
||
background: #667eea;
|
||
color: white;
|
||
}
|
||
|
||
.stats {
|
||
text-align: center;
|
||
color: #666;
|
||
font-size: 14px;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
#map {
|
||
width: 100%;
|
||
height: calc(100vh - 180px);
|
||
}
|
||
|
||
.balloon-content {
|
||
max-width: 300px;
|
||
}
|
||
|
||
.balloon-title {
|
||
font-weight: bold;
|
||
color: #333;
|
||
margin-bottom: 8px;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.balloon-address {
|
||
color: #666;
|
||
margin-bottom: 8px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.balloon-specialties {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.specialty-tag {
|
||
display: inline-block;
|
||
background: #e8f2ff;
|
||
color: #0066cc;
|
||
padding: 2px 8px;
|
||
border-radius: 12px;
|
||
font-size: 12px;
|
||
margin: 2px;
|
||
border: 1px solid #cce7ff;
|
||
}
|
||
|
||
.balloon-contacts {
|
||
margin-top: 10px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.balloon-contacts a {
|
||
color: #667eea;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.balloon-contacts a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.header h1 {
|
||
font-size: 1.8em;
|
||
}
|
||
|
||
.controls {
|
||
padding: 10px;
|
||
}
|
||
|
||
.filter-btn {
|
||
font-size: 12px;
|
||
padding: 6px 12px;
|
||
}
|
||
|
||
.stats {
|
||
margin-left: 0;
|
||
margin-top: 10px;
|
||
width: 100%;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<h1>🎓 Карта образовательных учреждений Челябинска</h1>
|
||
<p>Интерактивная карта: университеты, институты, колледжи, техникумы, лицеи и училища</p>
|
||
</div>
|
||
|
||
<div class="controls">
|
||
<button class="filter-btn active" onclick="filterBySpecialty('all')">🏛️ Все</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Техника и технологии')">⚙️ Техника</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Экономика и управление')">💼 Экономика</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Медицина и здравоохранение')">🏥 Медицина</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Педагогика и образование')">👨<EFBFBD> Педагогика</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Строительство и архитектура')">🏗️ Строительство</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Искусство и культура')"><EFBFBD> Искусство</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Транспорт и логистика')"><EFBFBD> Транспорт</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Информационные технологии')">💻 IT</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Право и юриспруденция')">⚖️ Право</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Пищевая промышленность')">🍳 Питание</button>
|
||
<button class="filter-btn" onclick="filterBySpecialty('Энергетика')">🏭 Энергетика</button>
|
||
<div class="stats">
|
||
<span id="showing-count">72</span> из 72 учреждений
|
||
</div>
|
||
</div>
|
||
|
||
<div id="map"></div>
|
||
|
||
<script>
|
||
let myMap;
|
||
let placemarks = [];
|
||
let colleges = [{"name": "Южно-Уральский государственный университет (ЮУрГУ)", "address": "просп. Ленина, 76", "coordinates": {"lat": 55.16531179096466, "lon": 61.42987483775028}, "type": "Университет", "specialties": ["Техника и технологии", "Экономика и управление", "Естественные науки"], "description": "Университет, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Экономика и управление, Естественные науки. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 267-90-00", "website": "https://www.susu.ru/"}}, {"name": "Челябинский государственный университет (ЧелГУ)", "address": "ул. Братьев Кашириных, 129", "coordinates": {"lat": 55.151778269359646, "lon": 61.43010203217235}, "type": "Университет", "specialties": ["Гуманитарные науки", "Естественные науки", "Право и юриспруденция"], "description": "Университет, расположенный в Челябинске. Специализируется на направлениях: Гуманитарные науки, Естественные науки, Право и юриспруденция. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 799-70-70", "website": "https://www.csu.ru/"}}, {"name": "Челябинский государственный педагогический университет (ЧГПУ)", "address": "просп. Ленина, 69", "coordinates": {"lat": 55.16812787246831, "lon": 61.431529059606326}, "type": "Университет", "specialties": ["Педагогика и образование", "Психология", "Искусство и культура"], "description": "Университет, расположенный в Челябинске. Специализируется на направлениях: Педагогика и образование, Психология, Искусство и культура. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 216-56-16", "website": "https://www.cspu.ru/"}}, {"name": "Уральский государственный университет физической культуры", "address": "ул. Орджоникидзе, 1", "coordinates": {"lat": 55.15952371842535, "lon": 61.42421956813699}, "type": "Университет", "specialties": ["Спорт", "Физическая культура", "Тренерское дело"], "description": "Университет, расположенный в Челябинске. Специализируется на направлениях: Спорт, Физическая культура, Тренерское дело. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 237-04-00"}}, {"name": "Челябинская государственная академия культуры и искусств", "address": "ул. Орджоникидзе, 36а", "coordinates": {"lat": 55.16219063102288, "lon": 61.429855344680725}, "type": "Академия", "specialties": ["Искусство и культура", "Музыка", "Театр"], "description": "Академия, расположенный в Челябинске. Специализируется на направлениях: Искусство и культура, Музыка, Театр. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-83-18"}}, {"name": "Челябинский филиал РАНХиГС", "address": "ул. Комарова, 26", "coordinates": {"lat": 55.16946103925873, "lon": 61.426520906874266}, "type": "Институт", "specialties": ["Экономика и управление", "Государственное управление"], "description": "Институт, расположенный в Челябинске. Специализируется на направлениях: Экономика и управление, Государственное управление. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 220-10-54"}}, {"name": "Челябинский институт путей сообщения", "address": "ул. Колмогорова, 11", "coordinates": {"lat": 55.145168108415376, "lon": 61.43868887616297}, "type": "Институт", "specialties": ["Транспорт и логистика", "Техника и технологии"], "description": "Институт, расположенный в Челябинске. Специализируется на направлениях: Транспорт и логистика, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-88-40"}}, {"name": "Южно-Уральский институт управления и экономики", "address": "ул. Доватора, 18", "coordinates": {"lat": 55.16202858218924, "lon": 61.42095604543665}, "type": "Институт", "specialties": ["Экономика и управление", "Право и юриспруденция"], "description": "Институт, расположенный в Челябинске. Специализируется на направлениях: Экономика и управление, Право и юриспруденция. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 266-23-65"}}, {"name": "Челябинский филиал Российского государственного социального университета", "address": "ул. Свободы, 155/1", "coordinates": {"lat": 55.16735335047759, "lon": 61.412214186558295}, "type": "Институт", "specialties": ["Социология", "Социальная работа", "Психология"], "description": "Институт, расположенный в Челябинске. Специализируется на направлениях: Социология, Социальная работа, Психология. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 216-10-20"}}, {"name": "Челябинский филиал Московского психолого-социального университета", "address": "ул. Доватора, 23", "coordinates": {"lat": 55.16348063267908, "lon": 61.414008840669545}, "type": "Институт", "specialties": ["Психология", "Социология", "Педагогика и образование"], "description": "Институт, расположенный в Челябинске. Специализируется на направлениях: Психология, Социология, Педагогика и образование. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 247-87-42"}}, {"name": "Челябинский государственный колледж индустрии питания и торговли", "address": "ул. Энгельса, 57", "coordinates": {"lat": 55.1593711103785, "lon": 61.399845051705334}, "type": "Колледж", "specialties": ["Пищевая промышленность", "Торговля и сфера услуг"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Пищевая промышленность, Торговля и сфера услуг. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-17-49"}}, {"name": "Челябинский техникум текстильной и легкой промышленности", "address": "ул. Машиностроителей, 25", "coordinates": {"lat": 55.18041446470145, "lon": 61.390007724099625}, "type": "Техникум", "specialties": ["Легкая промышленность", "Техника и технологии"], "description": "Техникум, расположенный в Челябинске. Специализируется на направлениях: Легкая промышленность, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 721-89-41"}}, {"name": "Челябинский государственный промышленно-гуманитарный техникум", "address": "ул. Пушкина, 47", "coordinates": {"lat": 55.166356908136684, "lon": 61.40288912011458}, "type": "Техникум", "specialties": ["Техника и технологии", "Гуманитарные науки"], "description": "Техникум, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Гуманитарные науки. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-80-87"}}, {"name": "Челябинский медицинский колледж", "address": "ул. Кузнецова, 46", "coordinates": {"lat": 55.1590121890903, "lon": 61.417925821503275}, "type": "Колледж", "specialties": ["Медицина и здравоохранение", "Сестринское дело"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Медицина и здравоохранение, Сестринское дело. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-97-42"}}, {"name": "Челябинский базовый медицинский колледж", "address": "ул. Свободы, 159", "coordinates": {"lat": 55.16470328270257, "lon": 61.41259049294034}, "type": "Колледж", "specialties": ["Медицина и здравоохранение", "Фармацевтика"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Медицина и здравоохранение, Фармацевтика. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-13-03"}}, {"name": "Челябинский педагогический колледж №1", "address": "ул. Воровского, 36", "coordinates": {"lat": 55.15808296547344, "lon": 61.40401444632216}, "type": "Колледж", "specialties": ["Педагогика и образование", "Дошкольное образование"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Педагогика и образование, Дошкольное образование. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-19-77"}}, {"name": "Челябинский педагогический колледж №2", "address": "ул. Братьев Кашириных, 92", "coordinates": {"lat": 55.15761133536146, "lon": 61.429274253279516}, "type": "Колледж", "specialties": ["Педагогика и образование", "Музыка"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Педагогика и образование, Музыка. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-04-67"}}, {"name": "Челябинский юридический колледж", "address": "ул. Свободы, 155/1", "coordinates": {"lat": 55.16485101242766, "lon": 61.408672768837285}, "type": "Колледж", "specialties": ["Право и юриспруденция", "Документооборот"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Право и юриспруденция, Документооборот. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 216-11-63"}}, {"name": "Челябинский техникум промышленности и городского хозяйства", "address": "ул. Энтузиастов, 24", "coordinates": {"lat": 55.15496101295534, "lon": 61.40569759404583}, "type": "Техникум", "specialties": ["Техника и технологии", "Строительство и архитектура"], "description": "Техникум, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Строительство и архитектура. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-49-90"}}, {"name": "Челябинский автотранспортный техникум", "address": "ул. Пушкина, 26", "coordinates": {"lat": 55.16709486421386, "lon": 61.40022492318396}, "type": "Техникум", "specialties": ["Транспорт и логистика", "Автомобильная техника"], "description": "Техникум, расположенный в Челябинске. Специализируется на направлениях: Транспорт и логистика, Автомобильная техника. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-78-82"}}, {"name": "Челябинский машиностроительный колледж", "address": "ул. Свободы, 155/5", "coordinates": {"lat": 55.168048876207216, "lon": 61.41613492351757}, "type": "Колледж", "specialties": ["Техника и технологии", "Машиностроение"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Машиностроение. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-43-93"}}, {"name": "Челябинский электромеханический техникум", "address": "ул. Воровского, 16", "coordinates": {"lat": 55.156910516787924, "lon": 61.40202326539734}, "type": "Техникум", "specialties": ["Техника и технологии", "Электротехника"], "description": "Техникум, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Электротехника. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-07-60"}}, {"name": "Челябинский металлургический колледж", "address": "ул. Пушкина, 32", "coordinates": {"lat": 55.16665448112661, "lon": 61.40306381126348}, "type": "Колледж", "specialties": ["Металлургия", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Металлургия, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 265-49-90"}}, {"name": "Челябинский энергетический колледж", "address": "ул. Энергетиков, 44", "coordinates": {"lat": 55.13155020377906, "lon": 61.443345745956414}, "type": "Колледж", "specialties": ["Энергетика", "Электротехника"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Энергетика, Электротехника. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 721-49-90"}}, {"name": "Челябинский строительный колледж", "address": "ул. Худякова, 20", "coordinates": {"lat": 55.15177417503484, "lon": 61.42687546344461}, "type": "Колледж", "specialties": ["Строительство и архитектура", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Строительство и архитектура, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-78-00"}}, {"name": "Челябинский экономический колледж", "address": "ул. Комарова, 4", "coordinates": {"lat": 55.16490854732971, "lon": 61.43261620080079}, "type": "Колледж", "specialties": ["Экономика и управление", "Бухгалтерский учет"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Экономика и управление, Бухгалтерский учет. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-99-77"}}, {"name": "Челябинский торгово-экономический колледж", "address": "ул. Воровского, 19", "coordinates": {"lat": 55.16116046016208, "lon": 61.401588489479636}, "type": "Колледж", "specialties": ["Торговля и сфера услуг", "Экономика и управление"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Торговля и сфера услуг, Экономика и управление. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-44-12"}}, {"name": "Челябинский техникум железнодорожного транспорта", "address": "ул. Колмогорова, 9", "coordinates": {"lat": 55.14401228521128, "lon": 61.43553029234549}, "type": "Техникум", "specialties": ["Транспорт и логистика", "Железнодорожный транспорт"], "description": "Техникум, расположенный в Челябинске. Специализируется на направлениях: Транспорт и логистика, Железнодорожный транспорт. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-88-95"}}, {"name": "Челябинский техникум текстильной и легкой промышленности", "address": "ул. Машиностроителей, 25", "coordinates": {"lat": 55.17748678852874, "lon": 61.39928896148318}, "type": "Техникум", "specialties": ["Легкая промышленность", "Текстильное производство"], "description": "Техникум, расположенный в Челябинске. Специализируется на направлениях: Легкая промышленность, Текстильное производство. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 721-89-41"}}, {"name": "Челябинский колледж физической культуры", "address": "ул. Салавата Юлаева, 4", "coordinates": {"lat": 55.15518057690288, "lon": 61.4275060546649}, "type": "Колледж", "specialties": ["Спорт", "Физическая культура"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Спорт, Физическая культура. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-49-12"}}, {"name": "Челябинский художественный колледж", "address": "ул. Кирова, 55", "coordinates": {"lat": 55.1668908803175, "lon": 61.40652417854064}, "type": "Колледж", "specialties": ["Искусство и культура", "Изобразительное искусство"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Искусство и культура, Изобразительное искусство. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-78-45"}}, {"name": "Челябинский музыкальный колледж", "address": "просп. Ленина, 38", "coordinates": {"lat": 55.16200601732556, "lon": 61.4294684707023}, "type": "Колледж", "specialties": ["Искусство и культура", "Музыка"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Искусство и культура, Музыка. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-45-89"}}, {"name": "Челябинский театральный колледж", "address": "ул. Цвиллинга, 88", "coordinates": {"lat": 55.16147995793241, "lon": 61.409770325941366}, "type": "Колледж", "specialties": ["Искусство и культура", "Театр"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Искусство и культура, Театр. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-87-12"}}, {"name": "Челябинский колледж индустрии красоты", "address": "ул. Энгельса, 95", "coordinates": {"lat": 55.154655689829646, "lon": 61.40070570668874}, "type": "Колледж", "specialties": ["Торговля и сфера услуг", "Косметология"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Торговля и сфера услуг, Косметология. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-45-78"}}, {"name": "Челябинский радиотехнический колледж", "address": "ул. Чичерина, 21", "coordinates": {"lat": 55.12731262695693, "lon": 61.44190774146066}, "type": "Колледж", "specialties": ["Техника и технологии", "Радиотехника"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Радиотехника. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-78-90"}}, {"name": "Челябинский колледж информационных технологий", "address": "ул. Свободы, 173", "coordinates": {"lat": 55.164383749604426, "lon": 61.415542581268994}, "type": "Колледж", "specialties": ["Информационные технологии", "Программирование"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Информационные технологии, Программирование. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-44-67"}}, {"name": "Челябинский финансовый колледж", "address": "ул. Братьев Кашириных, 105", "coordinates": {"lat": 55.1579371807867, "lon": 61.43040919709649}, "type": "Колледж", "specialties": ["Экономика и управление", "Финансы"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Экономика и управление, Финансы. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-56-78"}}, {"name": "Челябинский колледж управления и права", "address": "ул. Доватора, 52", "coordinates": {"lat": 55.16734394147713, "lon": 61.41621496434787}, "type": "Колледж", "specialties": ["Право и юриспруденция", "Экономика и управление"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Право и юриспруденция, Экономика и управление. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 266-78-90"}}, {"name": "Челябинский аграрный колледж", "address": "ул. Тракторозаводская, 99", "coordinates": {"lat": 55.1898955013751, "lon": 61.38907992459985}, "type": "Колледж", "specialties": ["Сельское хозяйство", "Агрономия"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Сельское хозяйство, Агрономия. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-56-78"}}, {"name": "Челябинский ветеринарный колледж", "address": "ул. Героев Танкограда, 74", "coordinates": {"lat": 55.18174694104838, "lon": 61.394458341050345}, "type": "Колледж", "specialties": ["Ветеринария", "Животноводство"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Ветеринария, Животноводство. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-23-45"}}, {"name": "Челябинский химико-технологический колледж", "address": "ул. Дзержинского, 88", "coordinates": {"lat": 55.15384966812127, "lon": 61.411694929984264}, "type": "Колледж", "specialties": ["Химия", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Химия, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-67-89"}}, {"name": "Челябинский геологический колледж", "address": "ул. Комсомольский проспект, 87", "coordinates": {"lat": 55.15026809949779, "lon": 61.43615635421497}, "type": "Колледж", "specialties": ["Геология", "Горное дело"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Геология, Горное дело. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-78-12"}}, {"name": "Челябинский архитектурно-строительный колледж", "address": "ул. Комарова, 22", "coordinates": {"lat": 55.168038609273296, "lon": 61.42429364403153}, "type": "Колледж", "specialties": ["Строительство и архитектура", "Проектирование"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Строительство и архитектура, Проектирование. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-45-67"}}, {"name": "Челябинский колледж связи", "address": "ул. Цвиллинга, 42", "coordinates": {"lat": 55.1600211051083, "lon": 61.41568158275547}, "type": "Колледж", "specialties": ["Информационные технологии", "Связь"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Информационные технологии, Связь. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-89-45"}}, {"name": "Челябинский транспортный колледж", "address": "ул. Салавата Юлаева, 32", "coordinates": {"lat": 55.151007174141846, "lon": 61.424280655605216}, "type": "Колледж", "specialties": ["Транспорт и логистика", "Автомобильная техника"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Транспорт и логистика, Автомобильная техника. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-56-78"}}, {"name": "Челябинский политехнический колледж", "address": "ул. Курчатова, 16", "coordinates": {"lat": 55.17666838933489, "lon": 61.42607198992852}, "type": "Колледж", "specialties": ["Техника и технологии", "Инженерия"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Инженерия. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-23-89"}}, {"name": "Челябинский промышленный колледж", "address": "ул. Дзержинского, 56", "coordinates": {"lat": 55.155770654169146, "lon": 61.413916928791565}, "type": "Колледж", "specialties": ["Техника и технологии", "Промышленность"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Промышленность. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-78-45"}}, {"name": "Челябинский технологический колледж", "address": "ул. Воровского, 88", "coordinates": {"lat": 55.15466542252068, "lon": 61.407099101638195}, "type": "Колледж", "specialties": ["Техника и технологии", "Производство"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Производство. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-45-12"}}, {"name": "Челябинский социально-правовой колледж", "address": "ул. Кузнецова, 32", "coordinates": {"lat": 55.164387711702446, "lon": 61.41353878502155}, "type": "Колледж", "specialties": ["Право и юриспруденция", "Социальная работа"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Право и юриспруденция, Социальная работа. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-67-34"}}, {"name": "Челябинский колледж предпринимательства", "address": "ул. Энтузиастов, 78", "coordinates": {"lat": 55.156394248006244, "lon": 61.404782344474015}, "type": "Колледж", "specialties": ["Экономика и управление", "Предпринимательство"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Экономика и управление, Предпринимательство. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-89-12"}}, {"name": "Челябинский лингвистический колледж", "address": "ул. Братьев Кашириных, 145", "coordinates": {"lat": 55.15565409261965, "lon": 61.428160885246996}, "type": "Колледж", "specialties": ["Лингвистика", "Переводческое дело"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Лингвистика, Переводческое дело. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-56-23"}}, {"name": "Челябинский библиотечный колледж", "address": "ул. Свободы, 138", "coordinates": {"lat": 55.16760921234613, "lon": 61.40969313621592}, "type": "Колледж", "specialties": ["Библиотечное дело", "Информационные системы"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Библиотечное дело, Информационные системы. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-45-78"}}, {"name": "Челябинский колледж туризма и гостеприимства", "address": "ул. Цвиллинга, 65", "coordinates": {"lat": 55.15477984054135, "lon": 61.41402241400416}, "type": "Колледж", "specialties": ["Туризм", "Гостиничное дело"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Туризм, Гостиничное дело. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-78-23"}}, {"name": "Челябинский морской колледж", "address": "ул. Дзержинского, 123", "coordinates": {"lat": 55.15140174834811, "lon": 61.412857840033766}, "type": "Колледж", "specialties": ["Морское дело", "Судоходство"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Морское дело, Судоходство. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-89-67"}}, {"name": "Челябинский авиационный колледж", "address": "ул. Героев Танкограда, 45", "coordinates": {"lat": 55.183276377840556, "lon": 61.38633298933524}, "type": "Колледж", "specialties": ["Авиация", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Авиация, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-34-56"}}, {"name": "Челябинский космический колледж", "address": "ул. Курчатова, 88", "coordinates": {"lat": 55.16968656170267, "lon": 61.42875858713532}, "type": "Колледж", "specialties": ["Космические технологии", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Космические технологии, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-12-45"}}, {"name": "Челябинский нефтегазовый колледж", "address": "ул. Комсомольский проспект, 156", "coordinates": {"lat": 55.14580241979721, "lon": 61.43324659201669}, "type": "Колледж", "specialties": ["Нефтегазовое дело", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Нефтегазовое дело, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-78-34"}}, {"name": "Челябинский горно-металлургический колледж", "address": "ул. Воровского, 78", "coordinates": {"lat": 55.16034936078248, "lon": 61.398204585562404}, "type": "Колледж", "specialties": ["Металлургия", "Горное дело"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Металлургия, Горное дело. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-45-89"}}, {"name": "Челябинский экологический колледж", "address": "ул. Свободы, 189", "coordinates": {"lat": 55.16011170179119, "lon": 61.41075398196578}, "type": "Колледж", "specialties": ["Экология", "Природопользование"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Экология, Природопользование. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-23-67"}}, {"name": "Челябинский международный колледж", "address": "ул. Братьев Кашириных, 167", "coordinates": {"lat": 55.15468583405832, "lon": 61.43036419100943}, "type": "Колледж", "specialties": ["Международные отношения", "Лингвистика"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Международные отношения, Лингвистика. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-56-78"}}, {"name": "Челябинский инновационный колледж", "address": "ул. Энтузиастов, 156", "coordinates": {"lat": 55.1576209219229, "lon": 61.40147326815284}, "type": "Колледж", "specialties": ["Инновационные технологии", "Информационные технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Инновационные технологии, Информационные технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-89-45"}}, {"name": "Челябинский цифровой колледж", "address": "ул. Доватора, 89", "coordinates": {"lat": 55.16193001471603, "lon": 61.414086483046844}, "type": "Колледж", "specialties": ["Информационные технологии", "Цифровые технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Информационные технологии, Цифровые технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-67-23"}}, {"name": "Челябинский робототехнический колледж", "address": "ул. Курчатова, 45", "coordinates": {"lat": 55.17605108936588, "lon": 61.43219654528539}, "type": "Колледж", "specialties": ["Робототехника", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Робототехника, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-45-78"}}, {"name": "Челябинский биотехнологический колледж", "address": "ул. Тракторозаводская, 123", "coordinates": {"lat": 55.183592390069734, "lon": 61.383724121212126}, "type": "Колледж", "specialties": ["Биотехнологии", "Химия"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Биотехнологии, Химия. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-78-12"}}, {"name": "Челябинский нанотехнологический колледж", "address": "ул. Героев Танкограда, 89", "coordinates": {"lat": 55.18421324113875, "lon": 61.39329733904079}, "type": "Колледж", "specialties": ["Нанотехнологии", "Техника и технологии"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Нанотехнологии, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-34-67"}}, {"name": "Челябинский многопрофильный колледж", "address": "ул. Свободы, 201", "coordinates": {"lat": 55.160662539656286, "lon": 61.41354659689882}, "type": "Колледж", "specialties": ["Многопрофильное образование", "Общее образование"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Многопрофильное образование, Общее образование. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-89-23"}}, {"name": "Челябинский колледж современных технологий", "address": "ул. Дзержинского, 178", "coordinates": {"lat": 55.15170957525534, "lon": 61.41349082266952}, "type": "Колледж", "specialties": ["Современные технологии", "Инновации"], "description": "Колледж, расположенный в Челябинске. Специализируется на направлениях: Современные технологии, Инновации. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-45-78"}}, {"name": "Челябинский профессиональный лицей №1", "address": "ул. Воровского, 123", "coordinates": {"lat": 55.15709151622285, "lon": 61.40483955254924}, "type": "Лицей", "specialties": ["Техника и технологии", "Рабочие профессии"], "description": "Лицей, расположенный в Челябинске. Специализируется на направлениях: Техника и технологии, Рабочие профессии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-67-45"}}, {"name": "Челябинский профессиональный лицей №2", "address": "ул. Машиностроителей, 67", "coordinates": {"lat": 55.18038181890576, "lon": 61.396143784834145}, "type": "Лицей", "specialties": ["Машиностроение", "Техника и технологии"], "description": "Лицей, расположенный в Челябинске. Специализируется на направлениях: Машиностроение, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 721-23-78"}}, {"name": "Челябинский профессиональный лицей №3", "address": "ул. Энгельса, 134", "coordinates": {"lat": 55.161208939217296, "lon": 61.39980947696966}, "type": "Лицей", "specialties": ["Строительство и архитектура", "Техника и технологии"], "description": "Лицей, расположенный в Челябинске. Специализируется на направлениях: Строительство и архитектура, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 263-89-12"}}, {"name": "Челябинское профессиональное училище №4", "address": "ул. Братьев Кашириных, 189", "coordinates": {"lat": 55.15185550378686, "lon": 61.42944457061711}, "type": "Училище", "specialties": ["Рабочие профессии", "Техника и технологии"], "description": "Училище, расположенный в Челябинске. Специализируется на направлениях: Рабочие профессии, Техника и технологии. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 741-56-34"}}, {"name": "Челябинское профессиональное училище №5", "address": "ул. Цвиллинга, 156", "coordinates": {"lat": 55.15493039115607, "lon": 61.41076979595251}, "type": "Училище", "specialties": ["Торговля и сфера услуг", "Общественное питание"], "description": "Училище, расположенный в Челябинске. Специализируется на направлениях: Торговля и сфера услуг, Общественное питание. Предоставляет качественное образование и подготовку специалистов для различных отраслей экономики.", "contacts": {"phone": "+7 (351) 232-78-45"}}];
|
||
|
||
ymaps.ready(init);
|
||
|
||
function init() {
|
||
myMap = new ymaps.Map("map", {
|
||
center: [55.1644, 61.4291], // Центр Челябинска
|
||
zoom: 11,
|
||
controls: ['zoomControl', 'searchControl', 'trafficControl', 'fullscreenControl']
|
||
});
|
||
|
||
// Добавляем метки для всех колледжей
|
||
colleges.forEach(function(college, index) {
|
||
addPlacemark(college, index);
|
||
});
|
||
|
||
// Подгоняем границы карты под все метки
|
||
if (placemarks.length > 0) {
|
||
myMap.setBounds(myMap.geoObjects.getBounds(), {
|
||
checkZoomRange: true,
|
||
zoomMargin: 50
|
||
});
|
||
}
|
||
}
|
||
|
||
function addPlacemark(college, index) {
|
||
let placemark = new ymaps.Placemark(
|
||
[college.lat, college.lon],
|
||
{
|
||
balloonContentHeader: '<div class="balloon-title">' + college.name + '</div>',
|
||
balloonContentBody: createBalloonContent(college),
|
||
balloonContentFooter: '',
|
||
hintContent: college.name,
|
||
clusterCaption: college.name
|
||
},
|
||
{
|
||
preset: 'islands#redEducationIcon',
|
||
hideIconOnBalloonOpen: false,
|
||
balloonOffset: [0, -40]
|
||
}
|
||
);
|
||
|
||
// Сохраняем данные колледжа в метке для фильтрации
|
||
placemark.college = college;
|
||
placemark.collegeIndex = index;
|
||
|
||
myMap.geoObjects.add(placemark);
|
||
placemarks.push(placemark);
|
||
}
|
||
|
||
function createBalloonContent(college) {
|
||
let content = '<div class="balloon-content">';
|
||
|
||
if (college.address) {
|
||
content += '<div class="balloon-address">📍 ' + college.address + '</div>';
|
||
}
|
||
|
||
if (college.specialties && college.specialties.length > 0) {
|
||
content += '<div class="balloon-specialties">';
|
||
content += '<strong>🎓 Специальности:</strong><br>';
|
||
college.specialties.slice(0, 5).forEach(function(specialty) {
|
||
content += '<span class="specialty-tag">' + specialty + '</span>';
|
||
});
|
||
if (college.specialties.length > 5) {
|
||
content += '<span class="specialty-tag">+' + (college.specialties.length - 5) + ' еще</span>';
|
||
}
|
||
content += '</div>';
|
||
}
|
||
|
||
if (college.description) {
|
||
content += '<div style="margin-top: 10px; font-size: 13px; color: #666;">' + college.description + '</div>';
|
||
}
|
||
|
||
let contacts = [];
|
||
if (college.phone) {
|
||
contacts.push('📞 <a href="tel:' + college.phone + '">' + college.phone + '</a>');
|
||
}
|
||
if (college.website) {
|
||
contacts.push('🌐 <a href="' + college.website + '" target="_blank">Сайт</a>');
|
||
}
|
||
|
||
if (contacts.length > 0) {
|
||
content += '<div class="balloon-contacts">' + contacts.join('<br>') + '</div>';
|
||
}
|
||
|
||
content += '</div>';
|
||
return content;
|
||
}
|
||
|
||
function filterBySpecialty(specialty) {
|
||
// Обновляем активную кнопку
|
||
document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));
|
||
event.target.classList.add('active');
|
||
|
||
let visibleCount = 0;
|
||
|
||
placemarks.forEach(function(placemark) {
|
||
let college = placemark.college;
|
||
let shouldShow = false;
|
||
|
||
if (specialty === 'all') {
|
||
shouldShow = true;
|
||
} else {
|
||
// Проверяем специальности и название колледжа
|
||
let searchText = (college.name + ' ' + college.specialties.join(' ')).toLowerCase();
|
||
shouldShow = searchText.includes(specialty.toLowerCase());
|
||
}
|
||
|
||
if (shouldShow) {
|
||
placemark.options.set('visible', true);
|
||
visibleCount++;
|
||
} else {
|
||
placemark.options.set('visible', false);
|
||
}
|
||
});
|
||
|
||
// Обновляем счетчик
|
||
document.getElementById('showing-count').textContent = visibleCount;
|
||
|
||
// Подгоняем карту под видимые метки
|
||
if (visibleCount > 0) {
|
||
let visiblePlacemarks = placemarks.filter(p => p.options.get('visible'));
|
||
if (visiblePlacemarks.length > 0) {
|
||
let bounds = [];
|
||
visiblePlacemarks.forEach(p => {
|
||
bounds.push(p.geometry.getCoordinates());
|
||
});
|
||
myMap.setBounds(ymaps.util.bounds.fromPoints(bounds), {
|
||
checkZoomRange: true,
|
||
zoomMargin: 50
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
// Добавляем обработчик изменения размера окна
|
||
window.addEventListener('resize', function() {
|
||
if (myMap) {
|
||
myMap.container.fitToViewport();
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |