Leaflet.js yra paprasčiausia žemėlapių biblioteka, kurią kada nors rasite
„Google Maps“ tikrai yra populiariausia įterpiamas žemėlapio valdiklis interneto dizaineriams. Bet ką apie pridėti priskirtų funkcijų pvz., įrankių patarimai ir kaiščių žymekliai?
Čia patinka nuostabi biblioteka Leaflet.js padeda tonui.
Tai yra visiškai nemokama atviro kodo projektas iš pradžių sukūrė vienas iš Mapbox'o vaikinų, pavadintų Vladimiru Agafonkinu. Nuo to laiko „Leaflet“ įėjo į „ dešimtis dalyvių aplink pasauli.
Tai dažnai atnaujinta su klaidomis ir naujomis funkcijomis kuri pagerina bendrą įgyvendinimą bet kurioje interneto svetainėje. Tai yra mano mėgstamiausia žemėlapių biblioteka, nes jos vienintelė jėga ir dizaino estetika.
Jis turi tiek daug funkcijų, kurių aš negalėjau išvardyti visų, bet čia įdomiausi:
- Mobiliojo aparatūros pagreitis
- Prisegti žymeklius, formuoti perdangas ir patarimus
- Pasirinktinis priartinimas ir panoraminė animacija
- Nėra JS priklausomybės
- Parama visoms pagrindinėms naršyklėms, įskaitant IE7+
Įgyvendinimas yra šiek tiek sudėtingas, nes jums reikia įveskite koordinates ir nustatyti, kiek žemėlapis turi būti didelis.
Vartotojai visada gali nutolinti ir aplink, todėl vaizdas visada gali pasikeisti. Bet tai taip pat grindžiama kaip nustatyti žemėlapį puslapyje.
Yra didžiulis dokumentacijos puslapis pilnas informacijos apie kiekvieną informacinio lapelio aspektą. Deja, toks tankus, kad negaliu rekomenduoti tik nardyti į jį, nes jūs tikriausiai prarasite. Vietoj to, patikrinkite Informacinis lapelis kuri taip pat apima a greitas pradmenų gidas naujokams.
Jūs išmoksite, kaip tai padaryti įterpti žemėlapius, pakeisti dydį / padėtį, ir kaip pridėkite tinkintą grafiką viršuje, pvz., apskritimai arba kaiščių žymekliai.
Tai vienas vadovas išmokyti jus viską, ko reikia naudoti informacinį biuletenį tinklaraštyje, kompanijos svetainėje ar kituose artėjančiuose projektuose.
Yra daugybė priežasčių, kodėl reikia naudoti „Google“ žemėlapius: tai galingas, patikimas ir nemokamas. Bet lankstinukas yra daug daugiau funkcijų iš dėžutės ir jums reikia tik pridėkite CSS / JS failus į savo tinklalapį pradėti. Jūs netgi galite rasti kopijos talpinamos internete jei norite eiti į CDN maršrutą.
Neleiskite dokumentams paniekinti. Yra daug, ką galite išmokti, bet ne visos funkcijos yra būtinos pagrindinio lankstinuko sąrankos.
Ir tai neužima daug sukurkite nuostabų žemėlapį nuo nulio. Pažvelkite į šią „Codepen“ demonstraciją naudojant „Leaflet.js“ ir „Google“ žemėlapių API.