• Главная
  • WEB студия
    • Услуги и Цены
    • Домены
    • Хостинг и Почта
    • Сайт-Визитка
    • Интернет-магазин
    • Поддержка сайта
    • Портфолио
  • Продвижение сайта
    • Контекстная реклама
    • Семантическое ядро
    • SEO продвижение сайта
  • Социальные сети
    • SMO/SMM-продвижение
    • Создание и ведение групп
    • Автопостинг новостей
  • Парсинг сайтов
    • Зачем нужен парсинг?
    • Зачем нужен парсинг?
    • Анализ цен конкурентов
  • Журнал о Web
    • Поисковые системы
    • Все о SEO
    • Все о SMM
    • jQuery скрипты
    • Малый бизнес
  • Справочники
    • HTML
    • CSS
    • PHP
    • MySQL
    • jQuery
  • Информация
    • Кто МЫ!?
    • Контакты
    • Оплата услуг
    • Спасибо Вам
  • Инструменты
  • SEOker
  • SIZEr
  • HTML редактор
  • Наши проекты
  • W1CMS.ru
  • DiiF.ru
  • MinURL.ru

Яндекс Карты 2.1 : Установить метку на Карте и Получить координаты метки

В данном примере я расскажу Вам как вывести Яндекс Карту 2.1 и отловить событие click получив координаты щелчка. Вначале подгружаем карту...

  1. Главная
  2. Все про JS : jQuery, Node, AngularJS

В данном примере я расскажу Вам как вывести Яндекс Карту 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!

Результат:

Рекомендуем

Теги

SEO HTML CSS JavaScript

Смотрите также

Веб-студия

  • Услуги и Цены
  • Аренда сайтов
  • Реклама на наших проектах
  • Журнал о Web технологиях

Сделаем

  • Сайт-Визитку
  • Интернет-магазин
  • Landing Page
  • Поддержка сайта

Заполним

  • Написание статей
  • Обмен данными
  • Парсинг сайтов

Продвинем

  • Контекстная реклама
  • Продвижение сайта
  • Социальные сети
  • Автопостинг новостей

Наши контакты

W1C : Первый Веб-Консультант
mail@w1c.ru
Пн - Пт: 10:00 - 20:00

Дизайн и разработка сайта - W1C на W1CMS
W1C : Web First Consultant - Intelligence everywhere ©