Клуб API Карт

как правильно подключить API

Пост в архиве.

Привет всем. Я навичек в этой области да и с javascript не очень дружу. В общем нашел рабочий пример сделал под себя, но ни как не могу подключить API который мне дали по примеру. Я тестирую на локальной машине, читал что можно и с API тестировать на локальной машине можно. Вот собственно часть кода которая у меня есть

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>

 <script type="text/javascript">
       
        ymaps.ready(init);
       
        //Определение начальных параметров карты
        function init () {
            var myMap = new ymaps.Map("map", {
                    center: [56.326944, 44.0075],
                    zoom: 13
                }, {
                    balloonMaxWidth: 600
                });
           
            //Добавляем элементы управления
            myMap.controls               
                .add('zoomControl')               
                .add('typeSelector')               
                .add('mapTools');   

дальше идет формированние меток и конечно блок с казмерами карты

<div id="map" style="width: 670px; height: 400px"></div>
<div id="res"></div>

зарание большое спасибо. Модераторы извиняйте если, что нет ни  каких тегов для кода или они здесь не используются?

15 комментариев

Раздел про подключение АПИ есть в руководстве разработчика.

То есть можно и не использовать API. Можно еще Вас спросить видел на сайтах перед картой есть зависимые селекты. Вот человек выбирает нужную область в первом селекте потом во втором селекте уже указаны города к этой области а третьем поле он ввводит уже улицу. Это есть в самой yandex карте или это уже сами делают по кардинатам. Зарание большое спасибо

Использовать или не использовать решать Вам.

 

Подобным примером выбора региона мы делились в блоге

Сейчас я такого, наверно, не потяну :-( .Подскажите пожалуйста вот уменя инструменты подключаются вот таким способом

.add('zoomControl')               
                .add('typeSelector')               
                .add('mapTools');

а я хотел вставить поиск аналагично, но ничего не вышло. Я нашел в рукаводстве про SearchControl и пытался устанавливать позицию ничего не вышло понятно лишь одно что у меня руки из ж...ы растут. Зарание большое спасибо

в документации есть пример добавления SearchControl с позиционированием

так я понимаю, что там есть пример, но как только я вставляю аналагично, как в примере, хотя бы пытаюсь так сделать, то вся панель пропадает, то часть, но так я и ни разку и не увидел поиска

Сложно так сказать.

Посмотрите в консоль javascript,

видимо у вас синтаксическая ошибка

Так яж в редакторе работаю все подсвечивается

дайте ссылку на страницу, я посмотрю

Я тестирую на локальной машине

сверь свой код добавления контролов с этим примером.

бывают такие ошибки, которые и не подсвечиваются редактором.

   вот мой код

    //Определение начальных параметров карты
        function init () {
            var myMap = new ymaps.Map("map", {
                    center: [56.326944, 44.0075],
                    zoom: 13
                }, {
                    balloonMaxWidth: 600
                });
           
            //Добавляем элементы управления
            myMap.controls               
                .add('zoomControl')               
                .add('typeSelector')
                .add(searchControl, { left: '200px', top: '10px' })
                .add('mapTools');  

Все ок

Подскажите пожалуйста а можно ли длину панели поиска как-то указать, а то она маленькая я пробовал

.add('searchControl', { left: '200px', top: '10px', width: '300px' })

но ничего не вышло. Зарание большое спасибо

Я Вам давал ссылку на документацию по этому контролу. Посмотрите опции