Яндекс Карты 2.1 : Установить метку на Карте и Получить координаты метки
В данном примере я расскажу Вам как вывести Яндекс Карту 2.1 и отловить событие click получив координаты щелчка. Вначале подгружаем карту...
В данном примере я расскажу Вам как вывести Яндекс Карту 2.1 и отловить событие click получив координаты щелчка.
Вначале подгружаем карту:
<script src="http://api-maps.yandex.ru/2.1-dev/?lang=ru-RU&load=package.full" type="text/javascript"></script>
И так код вывода карты и добавление события click - при котором на карте появляется балун с текстом Местонахождение отмечено... и заполняется поле GPS координаты:
"<div class="left">"._GEOGPS.":</div><div class="center"> <script type="text/javascript"> ymaps.ready(init); function init() { myMapGeo = new ymaps.Map('YMapsIDgeopoint', { center: [55.600852, 36.46187], zoom: 14, controls: ['zoomControl', 'searchControl', 'typeSelector', 'geolocationControl'] }); myMapGeo.events.add('click', function (e) { var coords = e.get('coords'); $('#geopoint').val( [coords[0].toPrecision(6), coords[1].toPrecision(6)].join(', ') ); myMapGeo.balloon.open(coords, 'Местонахождение отмечено!<br><sup>Вы можете закрыть и выбрать другое местоположение.</sup>'); }); } </script> <div id="YMapsIDgeopoint" style="width:100%; height:300px;"></div> <input type="text" id="geopoint" name="geopoint" placeholder="GPS координаты" value="".$geopoint."" maxlength="80" size="65" class="validate[required,custom[inputgps]] text-input" "> </div>"
Не забудьте подключить JQuery!
Результат: