|
|
|
Как сделать метку на карте яндекс.
|
|||
|---|---|---|---|
|
#18+
Доброго времени суток! Сразу хочу сказать, я новичок в html и javascript мне дали задачу залить на страницу карту яндекс или гугл( я залил яндекс), далее добавить меню со списком учреждений(школы, больницы, магазины),и теперь мне нужно, чтобы при клике из меню на Школы, создавались и отображались метки Школ. Я залил карту, сделал меню. И теперь у меня загвоздка с созданием метки и отображения ее на карте. Помогите пожалуйста с этим! и если кто знает насчет, чтобы при клике из меню на Школы, создавались и отображались метки Школ и т.д., дайте точную и подробную наводку. Вот код: <!DOCTYPE html> <head> <title>Задание</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="css/Style.css" /> <script src=" http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> </head> <body> <div class="conteiner"> <script type="text/javascript"> // карта соберется после загрузки скрипта и элементов // заглобалим переменную карты чтобы можно было ею вертеть из любого места function init2 (ymaps) { // функция - собиралка карты и фигни var myMap = new ymaps.Map("map", { // создаем и присваиваем глобальной переменной карту и суем её в див с id="map" center: [45.00294274, 39.07136563], // ну тут центр zoom: 16// тут масштаб }); var placemark = new ymaps.Placemark(new YMaps.GeoPoint(45.00196085, 39.07412294)); // Устанавливает содержимое балуна // Добавляет метку на карту myMap.addOverlay(placemark); } </script> </div> <div class="conteiner2"> <ul style="position: absolute; z-index: 1000; list-style: none; padding: 10px; margin: 0px; right: 10px; top: 10px; background: rgb(255, 255, 255);"> <li> <a href="#" style="">Школы</a></li> <li><a href="#">Больницы</a></li> <li><a href="#" style="">Магазины</a></li> </ul> </div> <div id="map" style="width: 850px; height: 850px;"></div> <div style="text-align: right;"> </div> <script type="text/javascript" src=" http://api-maps.yandex.ru/2.0-stable/?load=package.full&lang=ru-RU&onload=init2"></script> </body> </html> ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.08.2015, 11:58 |
|
||
|
Как сделать метку на карте яндекс.
|
|||
|---|---|---|---|
|
#18+
в api яндекс карт есть раздел песочница вроде, с кучей примеров как и что делать. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.08.2015, 12:13 |
|
||
|
Как сделать метку на карте яндекс.
|
|||
|---|---|---|---|
|
#18+
SharuPoNemnoguв api яндекс карт есть раздел песочница вроде, с кучей примеров как и что делать. Небось еще, в отличие от maps.google, на русском языке? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.08.2015, 12:26 |
|
||
|
Как сделать метку на карте яндекс.
|
|||
|---|---|---|---|
|
#18+
SharuPoNemnogu, я смотрел там, брал примеры и команды в свой код, и, к сожалению, ничего не работает. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.08.2015, 12:32 |
|
||
|
Как сделать метку на карте яндекс.
|
|||
|---|---|---|---|
|
#18+
Gadbul, При клике на ссылку, тебе нужно вызвать функцию, которая будет выполнять работу с массивом меток. т.е. убрать все ненужные метки, и отобразить нужные. Код: html 1. при этом, твоя функция должна быть описана подобным образом: Код: javascript 1. 2. 3. 4. 5. 6. по работе с гео-объектами лучше поковыряться в вышеупомянутой песочнице. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.08.2015, 17:34 |
|
||
|
|
start [/forum/topic.php?fid=22&msg=39029058&tid=1445790]: |
0ms |
get settings: |
11ms |
get forum list: |
21ms |
check forum access: |
5ms |
check topic access: |
5ms |
track hit: |
170ms |
get topic data: |
13ms |
get forum data: |
3ms |
get page messages: |
62ms |
get tp. blocked users: |
2ms |
| others: | 241ms |
| total: | 533ms |
| 0 / 0 |
