Днес започва да се развива в API на Google Maps. Москва трябваше да се направи карта с етикети, като кликнете върху които ще бъдат отведени на страница с описание на обектите, намиращи се там. Както се оказа, че всичко е лесно. Но аз ви казвам в ред.
Стъпка 1: Заредете скрипт Google Map API на:
В официалната документация се препоръчва да се направи това в рамките на главата, но ако изтеглите сценария от тялото (в моя случай, това е за предпочитане), и тя работи. Параметър сензор = фалшиви средства, които не изискват поддръжка за GPS устройства за определяне на текущото местоположение на потребителя.
Стъпка 2: Създаване на региона, за да се покаже на картата
Както можете да видите, че може да бъде нормален Разделение. Ако искате да се покаже на картата на целия прозорец, можете да се регистрирате в стилове като този:
Стъпка 3. Включете карта дисплей
За да направите това, първо да създадете LatLng обект с координатите на точката, които ще бъдат показани в центъра на картата:
Географското географската дължина и ширина, се използват като координати. Можете да ги разпознаете по обичайните Google Maps: намерите на картата на правилното място, кликнете върху него, кликнете с десния бутон и изберете "това, което е тук." Те ще се покажат в лентата за търсене.
Сега питам други свойства Карта:
Има увеличение - начална mashstab (10 е просто нещо, за да се покаже от страна на Москва в рамките на Околовръстен път) в центъра показва обект с координатите на централната точка и mapTypeId задава първоначален изгледа на картата (в този случай, избраният нормална карта може да бъде и възможности Satellite - сателитен изглед, HYBRID и терен).
Най-накрая се зареди картата:
Първият вариант тук - това е DOM-обект, който ще бъде изтеглен на картата, а вторият - настройките, определени по-горе.
Стъпка 4: Добавяне на маркер
Отново се създаде обект с една точка, която ще покаже на маркера:
И добави маркера върху поставения документ в предишната стъпка:
Ето позицията - обект с координати, карта - карта, на която е необходимо да добавите заглавие - подканата, който се появява, когато мишката върху маркера.
Стъпка 5: Добавяне на преход, като кликнете
За кликвания, двойни кликвания, промяна на мащаба на картата и се добавят други подобни със събития, за използване google.maps.event обект:
Тук, за което се добавя първия метод параметър addListener Посоченият обект събитие (като обект може да бъде като маркер, и самата карта), а вторият - от типа на събитието (само с едно кликване в този случай), а третият - функцията манипулатор.
Това е! Остава само да затворите функция маркер и сценария:
И също така добави призив да се инициализира функция в при зареждане на събитието:
Не мога да намеря пространствата на Интернет вече е таймер за актуализиране на координатите на тази точка до картата за движение / dorisovki? (REFRESH цяла страница аз не искам да, аз планирам да направя заявка за Аякс до сървъра за извличане на актуализации координират API че Yandex, че на Google -. Е твърде обширна, и е невъзможно да се намерят най-подходящия метод за замах)
а не да се удвои ставам: Ако използвате икона със стрелка, дали да промени своя ъгъл може да бъде (имам азимут)
За да преместите / dorisovki вероятно да се обърнат или метод Panto или panToBounds карти обект (първо поставя нова точка в центъра, а вторият - прави минималното преместване на картата, така че точката е видима).
Т.е. в моя пример, че ще изглежда по следния начин: mosocw.panToBounds (55,36.5);
Една точка е промяна на базата на идеята за т.нар: marker.setPosition = нов google.maps.LatLng (55.763525,37.560893).
За ъгъл стрелка - Съмнявам се, че това е възможно. Повечето ще трябва да се направи набор от икони и изберете една в зависимост от мястото на стрелката трябва да покаже.
Но ако в центъра се намира на Северния полюс, то вероятно няма да бъде достатъчно работни места само координатите на центъра в този случай, но най-вероятно трябва да бъде нещо друго, като проекцията на промените? Но това, което е необходимо?
Свързани статии