Api Carty Yandex Moscova pentru începători

Scurtă prezentare de pornire rapidă în lucrul cu API-ul Yandex.

Nu știu despre tine, dar eu văd viitorul Internetului în utilizarea tuturor tipurilor de API, soluții modulare gata, etc. Deja, mulți dintre ei au devenit baza pentru apariția unui număr de startup interesante. API-ul de serviciu Yandex.Maps poate oferi o varietate de sarcini interesante. Asta e doar în cazul în care pentru a începe? Acest lucru va fi discutat în acest articol.

Etapa 1: Prepararea API-cheie. Pentru a vă familiariza cu API-ul Yandex poate utiliza orice API-cheie. inclusiv cele prezentate în exemple:

Pasul 2: Descărcați API. Este clar că, în scopul de a utiliza funcția API Yandex.maps modulele sale ar trebui să fie încărcate în browser. Pentru a face acest lucru, adăugați următoarea linie în antetul capului pagina HTML:

Etapa 3: Recipientul pentru hartă. Pentru a hărților de pe site-ul nostru, trebuie să creați pentru ea un recipient adecvat, folosind același div. De exemplu:

După cum puteți vedea, aici am folosi atributul de stil pentru a specifica un CSS-reguli de înălțime și lățime a containerului.

Pasul 4: Creați o hartă. Pentru a evita problemele inutile, vom crea o carte deja după pagina web este încărcată. Pentru aceasta avem nevoie pentru a crea tratare a evenimentului onLoad. De exemplu:

Dar să ne uităm la ceea ce face codul plasat în tratare a evenimentului onLoad.

Aici, folosind noul operator. vom crea o copie a cardului și cravată-l pentru a crea un container YMapsID. Sam YMap.Map () constructor. plus față de obiectul menționat container pentru un card poate include un alt parametru care indică opțiunile: ignoreResize, coordSystem și propagateEvents. Cu toate acestea, eu nu văd nici un motiv să acorde o atenție la ei, pentru că în cele mai multe cazuri, este de ajuns în mod implicit.

Aici, folosind metoda setCenter (). am stabilit parametrii inițiali ai afișarea hărții:

• Coordonatele centrului hartă. În acest scop, în acest exemplu, am folosit pentru a crea clasa geotochki - YMaps.GeoPoint (). ale căror parametri sunt: ​​longitudine și latitudine indicate în grade, iar geotochki tip. Se observă că după geotochka stabilite, să modifice longitudine și latitudine este posibilă numai cu ajutorul metodelor: setLng () și setLat ().
• Factorul de scalare. Valoarea numerică a 1 (pe o hartă afișată pe toate continentele) la 17 (clădiri separate vizibile). De asemenea, trebuie remarcat faptul că hărțile detaliate (până la case) nu sunt pentru toate orașele.
• Tipul cardului. În acest scop crearea unui card de tip YMaps.MapType de clasă.

Aici, utilizând metoda addControl (). vom adăuga pe hartă, elementele relevante ale managementului său, și anume: YMaps.ToolBar () (în mod implicit, acest buton: mutare, zoom și măsura distanța) și YMaps.Zoom () (glisorul de zoom). Puteți specifica, de asemenea, locația de control, folosind YMaps.ControlPosition obiect. dar pentru mine nu mai este necesar excesele.