Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>Карта</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script src="./js/jquery-1.9.1.min.js" type="text/javascript"></script>
- <script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
- </head>
- <body>
- <script type="text/javascript">
- ymaps.ready(function()
- {
- var myMap = new ymaps.Map("map",
- {
- behaviors: ["default", "scrollZoom"],
- center: [56.867819, 35.954203],
- type: "yandex#map",
- zoom: 11
- });
- //Добавляем элементы управления
- myMap.controls
- .add("mapTools") // Стандартный тулбар с кнопками "Навигация", "Выделение" и "Линейка".
- //.add("miniMap") // Обзорная карта.
- .add("scaleLine") // Масштабный отрезок.
- //.add("searchControl") // Панель поиска.
- //.add("trafficControl") // Панель пробок.
- .add("typeSelector") // Панель переключения типа карты.
- .add("zoomControl") // Ползунок масштаба.
- //.add("smallZoomControl"); // Простой ползунок масштаба.
- // Создание метки
- var myPlacemark = new ymaps.Placemark([56.867819, 35.954203],
- {
- iconContent: "?",
- hintContent: "Поставьте метку на точку поиска!"
- },{
- preset: "twirl#nightStretchyIcon", // Иконка растягивается под контент.
- draggable: true // Метку можно перетаскивать, зажав левую кнопку мыши.
- });
- myMap.geoObjects.add(myPlacemark); // Добавление метку на карту.
- // Событие при отпускании мыши с плейсмарка.
- myPlacemark.events.add('dragend',function (e)
- {
- var coords = e.get('target').geometry.getCoordinates();
- FillData(coords);
- });
- // Событие при клике на карту.
- myMap.events.add('click', function (e)
- {
- var coords = e.get('coordPosition');
- myPlacemark.geometry.setCoordinates(coords);
- FillData(coords);
- });
- });
- // Функция заполнения полей.
- function FillData(coords)
- {
- $("#latitude").val(coords[0].toFixed(6));
- $("#longitude").val(coords[1].toFixed(6));
- ymaps.geocode(coords).then(function(res)
- {
- var first = res.geoObjects.get(0);
- name = first.properties.get('text');
- $("#address").val(name);
- var el = $("#address"); // Топор
- el.setSelectionRange(el.value.length,el.value.length); // Топор
- });
- }
- </script>
- <div id="map" style="width:685px; height:400px;"></div><br>
- Широта: <input type="text" id="latitude" value="0.000000" style="width: 200px;" readonly><br>
- Долгота: <input type="text" id="longitude" value="0.000000" style="width: 200px;" readonly><br>
- Адрес: <input type="text" id="address" value="NULL" style="width: 500px;" readonly><br>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement