Leaflet.js je najpreprostejša knjižnica zemljevidov, ki jo boste vedno našli
Google Zemljevidi so zagotovo najbolj priljubljeni vgrajeni zemljevid widget za spletne oblikovalce. Kaj pa? dodajanje funkcij po meri kot so opisi orodij in označevalci pinov?
Tukaj je čudovita knjižnica Leaflet.js pomaga tono.
To je a popolnoma brezplačen open source projekt prvotno ustvaril eden od fantov na Mapbox imenom Vladimir Agafonkin. Od takrat se je letak razširil desetine sodelavcev okoli sveta.
Pogosto je posodobljen s popravki napak in novimi funkcijami ki izboljšujejo splošno izvajanje na kateri koli spletni strani. To je daleč moja najljubša kartografska knjižnica zaradi svoje sile in oblikovne estetike.
Ima toliko funkcij, da jih ne morem vse našteti, ampak tukaj so najbolj zanimive:
- Mobilno strojno pospeševanje
- Oznake znakov, prekrivne oblike in opisi orodij
- Animacija po meri in pomikanje po meri
- Ni odvisnosti JS
- Podpora za vse glavne brskalnike, vključno z IE7+
Izvajanje je nekoliko zapleteno, ker morate vnesite koordinate in določite velikost zemljevida.
Uporabniki lahko vedno pomanjšanje in ponev okoli, zato se lahko pogled vedno spremeni. Toda temelji tudi na kako določite zemljevid na strani.
Obstaja ogromno stran z dokumentacijo poln informacij za vse vidike letaka. Na žalost je tako gosta, da ne morem priporočiti, da se samo potapljate, ker se boste verjetno izgubili. Namesto tega preverite Stran z navodili za uporabo ki vključuje tudi a priročnik za hiter začetek za začetnike.
Naučili se boste, kako vdelaj karte, spremeni velikost / položaj, in kako dodajte grafiko po meri na vrh, kot so krogi ali označevalci pinov.
Ta uvodni vodnik lahko naučil vas bo vse, kar potrebujete uporabite letak na blogu, na spletni strani podjetja ali v katerem koli prihodnjem projektu.
Obstaja veliko dobrih razlogov za uporabo Google Zemljevidov: to je zmogljiv, zaupljiv in brezplačen. Ampak z letakom prihaja toliko več funkcij iz škatle in samo morate dodajte datoteke CSS / JS na svojo spletno stran za začetek. Lahko celo najdeš kopije, ki so bile objavljene na spletu če raje greste po poti CDN.
Ne pustite, da vas dokumentacija prestraši. Veliko se lahko naučiš, ampak vse funkcije niso potrebne za osnovno nastavitev prospektov.
In ne potrebuje veliko ustvarite čudovit zemljevid iz nič. Vzemite si pogled na ta ustvarjeni Codepen demo uporabljate API Leaflet.js in Google Maps.
