Advertisement
Guest User

Яндекс.Карты API 2.0

a guest
Jun 29th, 2012
1,049
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <head>
  2.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  3.    
  4. </head>
  5. <body>
  6.     <!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
  7.     <div id="ymaps-map-id_134087907997163001333" style="width: 450px; height: 350px;"></div>
  8.    
  9.     <div style="width: 450px; text-align: right;"><a href="http://api.yandex.ru/maps/tools/constructor/?lang=ru-RU" target="_blank" style="color: #1A3DC1; font: 13px Arial,Helvetica,sans-serif;">Создано с помощью инструментов Яндекс.Карт</a></div>
  10.     <script type="text/javascript">
  11.         function fid_134087907997163001333(ymaps) {
  12.             var setPoint = 0;
  13.             var map = new ymaps.Map(
  14.                 "ymaps-map-id_134087907997163001333",
  15.                 {
  16.                     center: [44.510421126953105, 48.71191174844605],
  17.                     zoom: 12,
  18.                     type: "yandex#map"
  19.                 }
  20.             );
  21.             map.controls.add("zoomControl").add("mapTools").add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"]));
  22.            
  23.             map.events.add('click', function (e) {
  24.                 var coords = e.get('coordPosition');
  25.                 var myGeometry = {
  26.                     type: 'Point',
  27.                     coordinates: coords
  28.                 },
  29.                 myOptions = {
  30.                     draggable: true,
  31.                     preset: "twirl#redStretchyIcon" // красная иконка, растягивающаяся под контент
  32.                 };
  33.  
  34.                 if (setPoint==0) {
  35.                     myPlacemark = new ymaps.GeoObject({geometry: myGeometry}, myOptions);
  36.                     myPlacemark.properties.set({ iconContent:"Тут",
  37.                     balloonContent:"Здесь описание магазина"});
  38.                     map.geoObjects.add(myPlacemark);
  39.                     //document.getElementById('XY').value='Координаты метки: ' + [coords[1].toPrecision(6), coords[0].toPrecision(6)].join(', ');
  40.                     $("#mapX").val(coords[1].toPrecision(6));
  41.                     $("#mapY").val(coords[0].toPrecision(6));
  42.                    
  43.                     setPoint = 1;
  44.                 }
  45.                
  46.                 myPlacemark.events.add('dragend', function () {
  47.                     var coords = myPlacemark.geometry.getCoordinates();
  48.                     $("#mapY").val(coords[1].toPrecision(6));
  49.                     $("#mapX").val(coords[0].toPrecision(6));
  50.                 });
  51.             });
  52.            
  53.            
  54.         };
  55.     </script>
  56.     <script type="text/javascript" src="http://api-maps.yandex.ru/2.0/?coordorder=longlat&load=package.full&wizard=constructor&lang=ru-RU&onload=fid_134087907997163001333"></script>
  57.     <!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->
  58.     <input id="mapX" name="mapX" type="text" value="" />
  59.     <input id="mapY" name="mapY" type="text" value="" />
  60. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement