Leaflet.js е най-простата библиотека с карти, която някога ще намерите
Google Карти със сигурност е най-популярната вграден притурка за карти за уеб дизайнери. Но какво ще кажеш добавяне на персонализирани функции като подсказки и маркери?
Това е мястото, където една страхотна библиотека Leaflet.js помага за един тон.
Това е напълно свободен проект с отворен код първоначално създаден от един от момчетата в Mapbox на име Владимир Агафонкин. Оттогава Leaflet е включен десетки сътрудници по света.
Това е често актуализирана с корекции на грешки и нови функции които подобряват цялостното изпълнение на всеки уебсайт. Това е най-любимата ми библиотека за картографиране, заради чистата сила и естетиката на дизайна.
Има толкова много функции, че не бих могъл да ги изброя всичките, но ето най-интересните:
- Мобилно хардуерно ускорение
- Пин маркери, наслоявания на форми и пояснения
- Персонализирана анимация за мащабиране и панорамиране
- Няма JS зависимости
- Поддръжка за всички основни браузъри, включително IE7+
Изпълнението е малко трудно, защото трябва въведете координати и определете колко голяма трябва да бъде картата.
Потребителите винаги могат отдалечавам и наоколо, така че изгледът винаги може да се промени. Но се основава и на това как определяте картата на страницата.
Има огромно страница с документация пълна с информация за всеки аспект на листовка. За съжаление, това е толкова плътно, че не мога да препоръчам просто да се гмурнете в него, защото вероятно ще се загубите. Вместо това проверете Страница с уроци за листовки който също включва a ръководство за бърз старт за начинаещи.
Ще се научите как вграждате карти, променяте размера / позицията, и как добавете персонализирани графики отгоре, като кръгове или маркери за закрепване.
Този един интро гид може научи ви всичко, от което се нуждаете да използвате Leaflet в блог, уебсайт на фирма или всеки друг предстоящ проект.
Има много големи причини да използвате Google Карти: това е мощно, надеждно и безплатно. Но с Leaflet идва толкова повече функции от кутията и само трябва добавете CSS / JS файлове към вашата уеб страница за да започнете. Можете дори да намерите копия, хоствани онлайн ако предпочитате да отидете на CDN маршрута.
Не позволявайте на документацията да ви изплаши. Има много неща, които можете да научите не всички функции са необходими за основна настройка на листовка.
И това не отнема много създайте невероятна карта от нулата. Обърнете внимание на създаденото демо Codepen използвайки Leaflet.js и Google Maps API.
