Untitled

<!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>