Api Карти Yandex Москва за начинаещи

Предишен ◈ Следващото

Кратко ръководство за бърз старт в работата с API Yandex.

Не знам за вас, но аз виждам бъдещето на интернет при използването на всички видове на API, готови модулни решения и т.н. Вече много от тях се превръща в основа за появата на редица интересни стартиращи компании. API Yandex.Maps услуга може да осигури разнообразие от интересни задачи. Това е просто откъде да започнете? Това ще бъде обсъдено в тази статия.







Api Карти Yandex Москва за начинаещи

Етап 1: Получаване на API ключ. За да се запознаете с API Yandex да използвате всеки API ключ. включително тези, показани в примерите:

Стъпка 2: Изтеглете API. Ясно е, че, за да използвате функцията API Yandex.Maps нейните модули трябва да бъдат заредени в браузъра. За да направите това, добавете следния ред в заглавната част на главата на HTML-страница:

Стъпка 3: Контейнерът за картата. С цел да се карти на нашия уебсайт, трябва да се създаде за нея подходящ съд, използвайки същия DIV. Например:

Както можете да видите, тук аз използвам атрибута стил, за да укажете CSS-правила за височина и ширина на контейнера.







Стъпка 4: Създаване на карта. За да се избегнат ненужни проблеми, ние ще създадем карта вече след уеб страницата се зарежда. За това ние трябва да създадем манипулатор при зареждане събитие. Например:

Но нека да погледнем какво прави кода поставен в събитие манипулатор при зареждане.

Тук, с помощта на новия оператор. ние създаваме копие на картата и да го връзвам към YMapsID създаде контейнер. Сам YMap.Map () конструктор. освен споменатия контейнер обект за карта може да включва друг параметър посочва опции: ignoreResize, coordSystem и propagateEvents. Въпреки това, аз не виждам никаква причина да се обърне внимание на тях, защото в повечето случаи е достатъчно по подразбиране.

Тук се използва метод setCenter (). ние се първоначалните параметри на дисплея на картата:

  • Координатите на центъра на картата. За тази цел, в този пример, аз използвах този клас да се създаде geotochki - YMaps.GeoPoint (). чиито параметри са: географската дължина и ширина е посочено в градуси и geotochki тип. Следва да се отбележи, че след установените geotochka, променя своята дължина и ширина е възможно само с помощта на метода: setLng () и setLat ().
  • Коефициентът на мащабиране. Числовата стойност от 1 (на картата показва всички континенти) до 17 (отделни сгради видими). Трябва също да се отбележи, че подробни карти (до домовете) не са за всички градове.
  • Видът на карта. За тази цел създаването на YMaps.MapType карта тип клас.

Тук се използва метод addControl (). ние добавяме към картата на съответните елементи на неговото управление, а именно: YMaps.ToolBar () (по подразбиране, този бутон: преместване, мащабиране и мярка от разстояние) и YMaps.Zoom () (слайдер на увеличение). Можете също да укажете местоположението на контрола, като се използват YMaps.ControlPosition обект. но тъй като за мен това вече не е необходимо ексцесии.







Предишен ◈ Следващото