Клуб API Карт

Как добавить внешний элемент управления

nautic2005
25 апреля 2010, 12:19

Добрый день!

Создал карту, внутренние элементы отображаются, код стандартный:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Карта доставки</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://api-maps.yandex.ru/1.1/index.xml?key=МОЙ API-ключ"
    type="text/javascript"></script>
<script type="text/javascript">
  
    YMaps.jQuery(function () {
      
        var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
           
        map.setCenter(new YMaps.GeoPoint(30.33255,60.05141), 8);
       
        map.setType(YMaps.MapType.HYBRID);
        map.addControl(new YMaps.TypeControl());
        map.addControl(new YMaps.ToolBar());
        map.addControl(new YMaps.Zoom());
        map.enableScrollZoom();
        map.addControl(new YMaps.ScaleLine());


    })

</script>
<body>
<table align=center>
<tr align=center>
<td align=center valign-top>
    <div id="YMapsID" style="width:500px;height:600px"></div>
</td>
</tr>
</table>
</body>
</html>


Вопрос как добавить, в какое место указанного выше кода, Элемент поиска по карте:

var searchControl = new YMaps.SearchControl({
    resultsPerPage: 5// Количество объектов на странице
    useMapBounds: 1     // Объекты, найденные в видимой области карты
                        // будут показаны в начале списка
});

Заранее благодарен!


6 комментариев
Подписаться на комментарии к посту
После добавления другиъх элементов управления.
var searchConrol = new YMaps.SearchControl({ resultsPerPage : 5, useMapBounds : true });
map.addControl(searchControl);
Спасибо Александр! То есть вот так? :

    type="text/javascript">


поиск не появился на карте ( что я делдаб неправильно? Заранее благодарен
А как же необходимость использования класса  YMaps.IControl.? - http://api.yandex.ru/maps/jsapi/doc/dg/tasks/how-to-create-custom-control.xml
Однако получилось, если чуть дополнить, то что написал Cаша:

var searchConrol = new YMaps.SearchControl({ resultsPerPage : 5, useMapBounds : true });
map.addControl(new YMapsS.searchControl);

Строка поиска появилась, работает ) Как задать её положение на карте, сейчас она перекрывает другие кнопки.
В метод addControl можно передать второй параметр, задающий положение элемента управления.
map.addControl(searchControl, new YMaps.ControlPositoin(YMaps.ControlPosition.TOP_LEFT, new YMaps.Point(10, 100)));

Более подробную информацию можно найти в справочнике: http://api.yandex.ru/maps/jsapi/doc/ref/reference/controlposition.xml
Вернее так:

var searchConrol = new YMaps.SearchControl({ resultsPerPage : 5, useMapBounds : true });
map.addControl(new YMaps.SearchControl);