Leaflet.js je najjednostavnija biblioteka karata koju ćete ikada pronaći
Google Maps je svakako najpopularniji ugrađeni widget karte za web dizajnere. Ali što je s tim dodavanje prilagođenih značajki kao što su opisi alata i oznake za pinove?
Ovo je mjesto gdje je strašna knjižnica Leaflet.js pomaže toni.
Ovo je potpuno besplatan open source projekt prvotno je stvorio jedan od dečki na Mapboxu pod imenom Vladimir Agafonkin. Od tada, letak je postao sve veći desetaka suradnika oko svijeta.
To je često ažuriran s ispravcima grešaka i novim značajkama koje poboljšavaju cjelokupnu implementaciju na bilo kojoj web-lokaciji. Ovo je daleko moja omiljena biblioteka mapiranja zbog svoje čiste sile i estetskog dizajna.
Ima toliko značajki da ih ne mogu sve navesti, ali evo ih one najzanimljivije:
- Mobilno hardversko ubrzanje
- Pin markeri, slojevi oblika i opisi alata
- Prilagođena animacija i zumiranje
- Nema JS ovisnosti
- Podrška za sve glavne preglednike uključujući IE7+
Implementacija je malo zeznuta jer trebate unesite koordinate i odredite veličinu karte.
Korisnici uvijek mogu smanjivanje i pan oko, tako da se pogled uvijek može promijeniti. Ali također se temelji na tome kako definirate kartu na stranici.
Postoji ogroman stranicu s dokumentacijom pun informacija za sve aspekte letka. Nažalost, toliko je gusta da ne mogu preporučiti da se samo uronite u nju jer ćete se vjerojatno izgubiti. Umjesto toga, provjerite Stranica s vodičima u letku koji također uključuje a brzi vodič za početnike.
Naučit ćete kako ugrađivati karte, mijenjati veličinu / položaj, i kako dodajte prilagođenu grafiku na vrh, kao što su krugovi ili oznake za pinove.
Ovaj uvodni vodič može naučiti sve što vam je potrebno koristiti Letak na blogu, na web-lokaciji tvrtke ili na nekom nadolazećem projektu.
Postoji mnogo razloga za korištenje Google karata: moćan je, pouzdan i besplatan. No dolazi s letkom toliko više mogućnosti iz kutije i samo trebate dodajte CSS / JS datoteke na svoju web stranicu započeti. Možete čak pronaći kopije koje su postavljene na mreži ako želite ići CDN rutom.
Ne dopustite da vas dokumentacija prestraši. Mnogo toga možete naučiti, ali nisu potrebne sve značajke za osnovnu postavku letka.
I ne treba mnogo toga stvorite nevjerojatnu kartu od nule. Zavirite u ovaj kreiran Codepen demo koristeći Leaflet.js i Google Maps API.
