карта метро с яндекса
не кто не знает, как к себе на страницу подключить карту московского метро, и получить названия тех станций, что выбрал пользователь?
|
him,
похоже, какого-то API нет.. придется рисовать самостоятельно. на странице с метром есть объект metroData, можешь его взять, там все линии и станции. ну и фоновая картинка - http://yandex.st//metro-data/maps/moscow.gif?1.0.52 в общем, нетрудно сделать |
Странно только нашел http://javascript.ru/forum/dom-windo...k-z-index.html но код не своим рабочий у меня точка стоит на станции медведково на яндексе описание тоже не нашел, Записался в клуб разработчиков, ну что то как задать вопрос не нашел. Складывается впечатление что Яндекс не хочет делиться своими секретами :)
|
Интересно..... Если пойти от обратно.....
Можно как то получить координаты клика, для последующей обработки? |
В чем проблема реализовать карту самостоятельно?
Качаете карту с интернета, какую вам нравится. С помощью CSS расставляете дивы размером со станцию на карте над каждой станцией. И слушаете клик по этому диву. |
<img src="http://www.karta-metro.ru/images/moscowMetroMap.gif">
<div class='station' onclick='alert(this.getAttribute("name"))' style='cursor: pointer; position: absolute; width: 10px; height: 10px;top: 360px; right: 404px;' name='Авиамоторная'></div>
Для примера кликните по станции Авиамоторной. |
<html !DOCTYPE html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<img src="http://www.karta-metro.ru/images/moscowMetroMap.gif">
<div class='station' onclick='alert(this.getAttribute("name"))' style='cursor: pointer; position: absolute; width: 10px; height: 10px;top: 360px; right: 404px;' name='Авиамоторная'></div>
</body>
</html>
не работает! :( |
работает, только координаты неправильные - квадратик, по которому можно кликнуть, оказался между Таганской и Римской :)
|
Почитайте статьи о консоли и поучитесь дебажить. Без этого вам не сделать карту. На данном сайте представлена замечательная статья о консоли хрома.
|
Цитата:
|
|
ух да что то есть! за координаты отвечают параметры top: 360px; right: 404px; ?
открыл в фотошопе карту подвел курсор к месту клика 360 на 460 он показывает координаты. что то не стыковочка я так понимаю... разница в 55 пикселей?? от куда они вылезают??? или тут не какой логики просто метод научного тыка? |
Ммм.. top: 360px - означает 360 пикселей от ближайшего родительского блока с position relative или верхнего края экрана (гуглите position css).
Положение элемента можно отследить либо через консоль браузера (если это хром, то там есть вкладка "Elements". Если вы в коде верстки в консоли наведёте на этот див - браузер его подсветит), или на время отладки залейте его цветом и сможете видеть где он находится. |
залил, подвигал ширину браузера. координаты берутся не от края картинку, а от края браузера.
как это можно поправить? и еще, как Вы думаете есть смысл смотреть в сторону jQuery |
| Часовой пояс GMT +3, время: 18:16. |