+7 (999) 238-23-88

Получение координат Yandex карт, по адресу

  1. Создать блок в котором появятся карта
    <div id="map"></div>
    
  2. Подключаем библиотеку Yandex-карт и jQuery
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src='//api-maps.yandex.ru/2.1/?lang=ru_RU' type='text/javascript'></script>
    
  3. Делаем Ajax запрос на получение координат по заданному адресу
     $.getJSON('https://geocode-maps.yandex.ru/1.x/?',{
    	geocode:'Санкт-Петербург ул. бабушкина 3',
    	format :'json'
    }).done(
    	function(data){
    	    // data - коллекция найденных адресов
    	}
    );
    
  4. Далее, если нужно так же создать карту, то код будет выглядить так:
    ymaps.ready(init);
    var myMap1;
    function init () {
    
    	function getMap(data){
    		coordinates_code_arr=data.response.GeoObjectCollection.featureMember['0'].GeoObject.Point.pos.split(' '); // 0 - указывает на то что мы заберем только первый найденый адрес
    		coordinates_code_arr.reverse(); // координаты в яндексе перевернуты, по этому их нужно поменять местами
    		coordinates_code=coordinates_code_arr.map(parseFloat);
    		myMap1 = new ymaps.Map(
    			'map',
    			{
    				center: coordinates_code,
    				zoom: 15,
    				type: 'yandex#map',
    				controls:['zoomControl']
    			}
    		);
    		myPlacemark = new ymaps.Placemark(coordinates_code,{
    			balloonContentHeader: 'Заголовок',
    			balloonContentBody: data.response.GeoObjectCollection.featureMember['0'].GeoObject.description,
    			balloonContentFooter: data.response.GeoObjectCollection.featureMember['0'].GeoObject.name,
    			hintContent: data.response.GeoObjectCollection.featureMember['0'].GeoObject.name
    		},{
    			preset: 'islands#dotIcon'
    		});
    		myMap1.geoObjects.add(myPlacemark);
    		myMap1.behaviors.disable('scrollZoom');
    	}
    	
    	$.getJSON('https://geocode-maps.yandex.ru/1.x/?',{
    		geocode:'Санкт-Петербург ул. бабушкина 3',
    		format :'json'
    	}).done(
    		function(data){
    			getMap(data);
    		}
    	);
    	
    }
    
Результат: пример построения карты только по адресу
Дата публикации:
Тэги: javascript
Рейтинг: 4,2 балла

Вопросы и заявки на создание сайта


Мы обязательно ответим на все вопросы, ни одно письмо не остаётся без внимания. Они важны для нас.


Обращаем ваше внимание, что Вы так же можете обсудить проект прямо сейчас позвонив по номеру +7 999-238-23-88 или написав нам в чате мессенджера WhatsApp или Telegram