Api Carty Yandex Moszkva kezdőknek
Rövid használati Quick Start a munka az API Yandex.
Nem tudom mi van, de látom a jövőben az internet használatának mindenféle API, kész moduláris megoldások, stb Már sok közülük lett az alapja a megjelenése számos érdekes induló. API Yandex.Maps szolgáltatást tud nyújtani a különböző érdekes feladatokat. Ez csak, hol kezdjem? Ez lesz szó ebben a cikkben.
1. lépés: Az API-kulcs. Ahhoz, hogy megismerkedjen az API Yandex segítségével bármilyen API-kulcsot. beleértve a példákban látható:
2. lépés: Letöltés API. Nyilvánvaló, hogy annak érdekében, hogy az API függvény Yandex.maps a modulokat kell betölteni a böngésző. Ehhez adjuk hozzá a következő sort a fejlécben a HTML-oldal vezetője:
3. lépés: A tartály a térképen. Annak érdekében, hogy térképeket a honlapon, akkor létre kell hozni neki egy megfelelő tartályba ugyanazt div. Például:
Mint látható, itt használom a stílus attribútum adja meg a CSS-szabályok magassága és szélessége a tartály.
4. lépés: Hozzon létre egy térkép. Hogy elkerüljék a felesleges problémákat, akkor hozzon létre egy lapot követően már a web oldal betöltése. Ehhez létre kell hoznunk az onLoad eseménykezelő. Például:
De nézzük meg, hogy mi teszi a kódot elhelyezni a onLoad eseménykezelő.
Itt az új üzemben. létrehozunk egy példányt a kártya és a nyakkendő, hogy YMapsID hozzon létre egy tárolót. Sam YMap.Map () konstruktor. Amellett, hogy az említett konténer objektum egy kártya tartalmazhat egy másik paraméter alapján a lehetőségek: ignoreResize, coordSystem és propagateEvents. Én azonban nem látok okot, hogy figyeljen rájuk, mert A legtöbb esetben elegendő az alapértelmezett.
Itt használva setCenter () módszer. mi meg a kezdeti paraméterei a térkép megjelenítését:
- A koordináták a térkép közepén. Erre a célra, ebben a példában, szoktam az osztály létrehozásához geotochki - YMaps.GeoPoint (). amelyek paraméterei a következők: a hosszúsági és szélességi fok jelzett, és a típus geotochki. Meg kell jegyezni, hogy miután a megállapított geotochka, módosítsa a hosszúsági és szélességi csak akkor lehetséges módszerek segítségével: setLng () és setLat ().
- Szorzó. Számértéke 1 (egy térképen mutatja az összes kontinensen) 17 (különálló épületben látható). Azt is meg kell jegyezni, hogy a részletes térképeket (legfeljebb otthonok) nem minden városban.
- A kártya típusa. Erre a célra hozzanak létre egy osztály típusú YMaps.MapType kártyát.
Itt használva addControl () módszer. ehhez hozzátesszük, hogy a térképen a megfelelő elemeket az irányítás, nevezetesen: YMaps.ToolBar () (alapértelmezés szerint ez a gomb: mozgás, a zoom és az intézkedés távolság) és YMaps.Zoom () (zoom csúszka). Azt is megadhatja a helyét a vezérléshez, YMaps.ControlPosition objektumot. de számomra ez már nem szükséges önrészt.