Leaflet.js este cea mai simplă bibliotecă de hărți pe care o veți găsi vreodată
Google Maps este cu siguranță cel mai popular un widget hartă embeddable pentru web designeri. Dar ce zici adăugarea de funcții personalizate cum ar fi vârfurile de instrumente și marcatorii de pini?
Aici se află o minunată bibliotecă Leaflet.js ajută o tonă.
Acesta este un proiect gratuit open source inițial creat de unul dintre tipii de la Mapbox numit Vladimir Agafonkin. De atunci, Foaia de parcurs a crescut zeci de contribuabili in jurul lumii.
Este frecvent actualizat cu corecții de erori și noi caracteristici care îmbunătățesc implementarea generală pe orice site web. Aceasta este de departe biblioteca preferată de cartografiere datorită forței ei pure și a designului estetic.
Are atâtea caracteristici pe care nu le-aș putea enumera, dar sunt aici cele mai interesante:
- Accelerarea hardware-ului mobil
- Marcatori de pini, suprapuneri de forme și vârfuri de instrumente
- Personalizat zoom și panning animație
- Nu există dependențe de JS
- Suport pentru toate browserele importante, inclusiv IE7+
Implementarea este un pic dificil pentru că trebuie să faceți asta introduceți coordonatele și definiți cât de mare ar fi harta.
Utilizatorii pot întotdeauna a micsora și în jur, astfel încât vederea se poate schimba întotdeauna. Dar se bazează, de asemenea, pe cum definiți harta pe pagină.
Există un imens pagina de documentare plin de informații pentru fiecare aspect al Fișei. Din păcate, este atât de dens încât nu pot să recomand doar scufundări în ea pentru că probabil vă veți pierde. În schimb, verificați Tutoriale pagină pliante care include, de asemenea, a Ghid de inițiere rapidă pentru începători.
Veți învăța cum să încorporați hărți, schimbați dimensiunea / poziția, și cum să adăugați grafică personalizată pe partea de sus, cum ar fi cercurile sau marcatorii de pini.
Acest ghid intro poate vă învață tot ce aveți nevoie să folosești Leaflet pe un blog, pe site-ul companiei sau pe orice proiect viitoare.
Există o mulțime de motive excelente de a utiliza Google Maps: este puternic, de încredere și gratuit. Dar se livrează prospectul atât de multe alte caracteristici din cutie și trebuie doar să adăugați fișiere CSS / JS la pagina dvs. web pentru a incepe. Puteți găsi chiar copii găzduite online dacă preferați să mergeți pe ruta CDN.
Nu lăsați documentația să vă sperie. Există multe pe care le puteți învăța, dar nu toate caracteristicile sunt necesare pentru o configurare de bază a fișelor.
Și nu este nevoie de mult creați o hartă uimitoare de la zero. Luați o privire la acest demo creat de Codepen utilizând Leaflet.js și API-ul Google Maps.
