Advertisement
Guest User

Untitled

a guest
Apr 22nd, 2013
38
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.03 KB | None | 0 0
  1. <html>
  2. <head>
  3.     <title>Карта</title>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.     <script src="./js/jquery-1.9.1.min.js" type="text/javascript"></script>
  6.     <script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
  7. </head>
  8. <body>
  9.  
  10. <script type="text/javascript">
  11.     ymaps.ready(function()
  12.     {
  13.         var myMap = new ymaps.Map("map",
  14.         {
  15.             behaviors: ["default", "scrollZoom"],
  16.             center: [56.867819, 35.954203],
  17.             type: "yandex#map",
  18.             zoom: 11
  19.         });
  20.  
  21.         //Добавляем элементы управления
  22.         myMap.controls
  23.             .add("mapTools")            // Стандартный тулбар с кнопками "Навигация", "Выделение" и "Линейка".
  24.             //.add("miniMap")           // Обзорная карта.
  25.             .add("scaleLine")           // Масштабный отрезок.
  26.             //.add("searchControl")     // Панель поиска.
  27.             //.add("trafficControl")    // Панель пробок.
  28.             .add("typeSelector")        // Панель переключения типа карты.
  29.             .add("zoomControl")         // Ползунок масштаба.
  30.             //.add("smallZoomControl"); // Простой ползунок масштаба.
  31.  
  32.         // Создание метки
  33.         var myPlacemark = new ymaps.Placemark([56.867819, 35.954203],
  34.         {
  35.             iconContent: "?",
  36.             hintContent: "Поставьте метку на точку поиска!"
  37.         },{
  38.             preset: "twirl#nightStretchyIcon",  // Иконка растягивается под контент.
  39.             draggable: true // Метку можно перетаскивать, зажав левую кнопку мыши.
  40.         });
  41.         myMap.geoObjects.add(myPlacemark); // Добавление метку на карту.
  42.  
  43.         // Событие при отпускании мыши с плейсмарка.
  44.         myPlacemark.events.add('dragend',function (e)
  45.         {
  46.             var coords = e.get('target').geometry.getCoordinates();
  47.             FillData(coords);
  48.         });
  49.  
  50.         // Событие при клике на карту.
  51.         myMap.events.add('click', function (e)
  52.         {
  53.             var coords = e.get('coordPosition');
  54.             myPlacemark.geometry.setCoordinates(coords);
  55.             FillData(coords);
  56.         });
  57.     });
  58.  
  59.     // Функция заполнения полей.
  60.     function FillData(coords)
  61.     {
  62.         $("#latitude").val(coords[0].toFixed(6));
  63.         $("#longitude").val(coords[1].toFixed(6));
  64.         ymaps.geocode(coords).then(function(res)
  65.         {
  66.             var first = res.geoObjects.get(0);
  67.             name = first.properties.get('text');
  68.             $("#address").val(name);
  69.  
  70.             var el = $("#address"); // Топор
  71.             el.setSelectionRange(el.value.length,el.value.length); // Топор
  72.         });
  73.     }
  74. </script>
  75.  
  76. <div id="map" style="width:685px; height:400px;"></div><br>
  77. Широта: <input type="text" id="latitude" value="0.000000" style="width: 200px;" readonly><br>
  78. Долгота: <input type="text" id="longitude" value="0.000000" style="width: 200px;" readonly><br>
  79. Адрес: <input type="text" id="address" value="NULL" style="width: 500px;" readonly><br>
  80.  
  81. </body>
  82. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement