Leaflet.js je najjednoduchšia knižnica kníh, ktorú nájdete niekedy

Mapy Google sú určite najobľúbenejšie vstavaný mapový widget pre web dizajnérov. Ale čo pridávanie vlastných funkcií ako sú špičky nástrojov a markery kolíkov?

Tu je úžasná knižnica Leaflet.js pomáha tón.

Toto je úplne bezplatný open source projekt pôvodne vytvorený jedným z chlapcov v Mapboxu s názvom Vladimir Agafonkin. Odvtedy sa časopis rozbalil desiatky prispievateľov okolo sveta.

Je to často aktualizované s opravami chýb a novými funkciami ktoré zlepšujú celkovú implementáciu na ľubovoľnej webovej stránke. Toto je zďaleka moja obľúbená mapová knižnica kvôli jej silnej sile a estetickej konštrukcii.

Má toľko funkcií, že by som ich nemohol vymenovať, ale tu je najzaujímavejšie:

• Mobilná hardvérová akcelerácia
• Značky kolíkov, prekrývajúce sa tvary a popisy nástrojov
• Vlastné zväčšenie a posúvanie animácie
• Žiadne závislosť JS
• Podpora pre všetky hlavné prehliadače vrátane IE7+

Implementácia je trochu komplikovaná, pretože to potrebujete zadajte súradnice a definujte veľkosť mapy.

Užívatelia môžu vždy oddialiť a pan okolo, takže pohľad sa môže vždy zmeniť. Ale je to tiež založené ako definujete mapu na stránke.

Je tu obrovský stránka dokumentácie plná informácií pre každý aspekt letáku. Bohužiaľ, je to tak husté, že nemôžem odporučiť len potápanie do nej, pretože sa pravdepodobne stratíte. Namiesto toho sa pozrite na Stránka s výukovými listami ktorý tiež zahŕňa a návod na rýchlu inštaláciu pre nováčikov.

Naučíte sa vložiť mapy, zmeniť veľkosť / pozíciu, a ako pridajte vlastnú grafiku na vrchol, ako sú kruhy alebo markery kolíkov.

Tento sprievodca môže byť jedným z úvodných vás naučí všetko, čo potrebujete používať leták na blogu, firemnej webovej stránke alebo akýkoľvek nadchádzajúci projekt.

Existuje veľa skvelých dôvodov na používanie služby Mapy Google: je to silné, dôveryhodné a bezplatné. Ale leták prichádza s toľko ďalších funkcií z krabice a stačí len to pridajte súbory CSS / JS na svoju webovú stránku začať. Môžete dokonca nájsť kópií hosťovaných online ak chcete prejsť na trasu CDN.

Nedovoľte, aby vás dokumentácia stratila. Je tu veľa, čo sa môžete naučiť, ale nie všetky funkcie sú potrebné pre základné nastavenie letákov.

A nebude to veľa času vytvorte úžasnú mapu od nuly. Pozrite sa na vytvorené demo typu Codepen pomocou Leaflet.js a API služby Mapy Google.