Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Примеры. Размещение карты на странице.</title>
- <!--
- Подключаем API карт
- Параметры:
- - load=package.standard - основные компоненты;
- - lang=ru-RU - язык русский.
- -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
- <script src="http://api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
- <script type="text/javascript">
- var myMap;
- // Дождёмся загрузки API и готовности DOM.
- ymaps.ready(init);
- function init () {
- // Создание экземпляра карты и его привязка к контейнеру с
- // заданным id ("map").
- myMap = new ymaps.Map('map', {
- // При инициализации карты обязательно нужно указать
- // её центр и коэффициент масштабирования.
- center:[55.76, 37.64], // Москва
- zoom:10
- });
- $("#searchButton").click(function () {
- var searchText = $("#searchText").val();
- ymaps.geocode(searchText, { boundedBy: myMap.getBounds() }).then(function (res) {
- myMap.panTo(res.geoObjects.get(0).geometry.getCoordinates());
- });
- });
- }
- </script>
- </head>
- <body>
- <div id="map" style="width:400px; height:300px"></div>
- <input type="text" id="searchText" value="Кирова"/>
- <input type="button" id="searchButton" value="Искать"/>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement