daily pastebin goal
63%
SHARE
TWEET

Untitled

a guest May 28th, 2013 109 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <title>Примеры. Размещение карты на странице.</title>
  7.     <!--
  8.         Подключаем API карт
  9.         Параметры:
  10.           - load=package.standard - основные компоненты;
  11.               - lang=ru-RU - язык русский.
  12.     -->
  13.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  14.     <script src="http://api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
  15.  
  16. <script type="text/javascript">
  17. var myMap;
  18.  
  19. // Дождёмся загрузки API и готовности DOM.
  20. ymaps.ready(init);
  21.  
  22. function init () {
  23.     // Создание экземпляра карты и его привязка к контейнеру с
  24.     // заданным id ("map").
  25.     myMap = new ymaps.Map('map', {
  26.         // При инициализации карты обязательно нужно указать
  27.         // её центр и коэффициент масштабирования.
  28.         center:[55.76, 37.64], // Москва
  29.         zoom:10
  30.     });
  31.    
  32.     $("#searchButton").click(function () {
  33.         var searchText = $("#searchText").val();
  34.         ymaps.geocode(searchText, { boundedBy: myMap.getBounds() }).then(function (res) {
  35.                         myMap.panTo(res.geoObjects.get(0).geometry.getCoordinates());
  36.                 });
  37.     });        
  38.  
  39. }
  40. </script>
  41. </head>
  42.  
  43. <body>
  44.     <div id="map" style="width:400px; height:300px"></div>
  45.     <input type="text" id="searchText" value="Кирова"/>
  46.     <input type="button" id="searchButton" value="Искать"/>
  47. </body>
  48.  
  49. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top