A Leaflet.js a legegyszerűbb térképkönyvtár, amelyet valaha talál
A Google Térkép minden bizonnyal a legnépszerűbb beágyazható térkép widget webes tervezők számára. De mi a helyzet egyéni funkciók hozzáadása például az eszköztippek és a PIN-jelölők?
Ez az, ahol egy fantasztikus könyvtár áll Leaflet.js segít egy tonna.
Ez egy teljesen ingyenes nyílt forráskódú projekt eredetileg az egyik srác a Vladimir Agafonkin nevű Mapbox-ban készítették. Azóta a Leaflet is beletartozik több tucat közreműködő a világ körül.
Gyakran frissítve hibajavításokkal és új funkciókkal amelyek javítják az általános végrehajtást bármely weboldalon. Ez messze a kedvenc leképezési könyvtáram, mivel a puszta erő és a design esztétika.
Olyan sok funkcióval rendelkezik, amit nem tudtam felsorolni őket, de itt vannak a legérdekesebbek:
- Mobil hardveres gyorsítás
- Pin-jelölők, alakzatok és eszköztippek
- Egyéni zoom és panoráma animáció
- Nincs JS függőség
- Az összes főbb böngésző támogatása, beleértve az IE7-et is+
A megvalósítás egy kicsit trükkös, mert szükség van rá adja meg a koordinátákat és határozza meg, milyen nagy legyen a térkép.
A felhasználók mindig kicsinyítés és körbevágni, így a nézet mindig megváltozhat. De ez is alapul hogyan határozza meg a térképet az oldalon.
Van egy hatalmas dokumentációs oldal tele van információval a szórólap minden szempontjára. Sajnos annyira sűrű, hogy nem ajánlom, hogy csak merüljön bele, mert valószínűleg eltéved. Ehelyett nézd meg a Szórólap útmutatók oldal amely magában foglalja a gyors üzembe helyezési útmutató kezdőknek.
Megtanulod, hogyan kell beágyazza a térképeket, módosítsa a méretet / pozíciót, és hogyan hozzáadhat egyéni grafikákat a tetején, például körök vagy tű jelölők.
Ez az intro útmutató tanítson meg mindent, amire szüksége van Használja a szórólapot egy blogon, a vállalati weboldalon vagy a közelgő projekten.
Rengeteg jó ok van a Google Térkép használatára: erős, megbízható és ingyenes. De a szórólap jön annyi további funkció a dobozból és csak meg kell hozzáadja a CSS / JS fájlokat a weboldalához kezdeni. Még megtalálhatod az interneten tárolt másolatok ha a CDN útvonalat szeretne.
Ne hagyja, hogy a dokumentáció megijesszen. Sokat tudsz tanulni, de nem minden funkció szükséges egy alapvető tájékoztató beállításához.
És nem tart sok hozzon létre egy csodálatos térképet a semmiből. Nézd meg ezt a Codepen demót! a Leaflet.js és a Google Maps API használatával.
