Leaflet.js - це найпростіша бібліотека карт, яку ви завжди знайдете
Карти Google, безумовно, найпопулярніші вбудований віджет карти для веб-дизайнерів. Але про що додавання спеціальних функцій такі як підказки та маркери шпильок?
Саме тут схожа на чудову бібліотеку Leaflet.js допомагає тоні.
Це повністю безкоштовний проект з відкритим кодом спочатку створений одним з хлопців в Mapbox на ім'я Володимир Агафонкін. З тих пір листівка виросла до включення десятки учасників навколо світу.
Це часто оновлено з виправленнями помилок і новими функціями які покращують загальну реалізацію на будь-якому веб-сайті. Це, безумовно, моя улюблена бібліотека зіставлення з-за своєї чистої сили та естетики дизайну.
Вона має так багато функцій, що я не міг би перелічити їх усіх, але ось найцікавіші:
- Мобільне апаратне прискорення
- Маркери Pin, накладання фігур і підказки
- Індивідуальне масштабування та панорамування
- Немає залежностей JS
- Підтримка всіх основних браузерів, включаючи IE7+
Реалізація трохи складна, тому що вам потрібно введіть координати і визначте, наскільки великою має бути карта.
Користувачі завжди можуть зменшення і каструлю навколо, тому перегляд завжди може змінюватися. Але вона також базується на як ви визначаєте карту на сторінці.
Є величезна сторінки документації повний інформації для кожного аспекту Leaflet. На жаль, це так щільно, що я не можу рекомендувати просто зануритися в це, тому що ви, мабуть, заблукаєте. Замість цього перевірте Сторінка з підручниками для брошури який також включає a короткий посібник для новачків.
Ви навчитеся вставляти карти, змінювати розмір / положення, і як додайте власну графіку зверху, такі, як кола або маркери.
Цей один інтро керівництво може навчити вас усім необхідним використовувати листівку на блозі, веб-сайті компанії або будь-якому майбутньому проекту.
Існує багато великих причин для використання Карт Google: це потужний, надійний і безкоштовний. Але приходить Листівка так багато інших функцій з коробки і вам тільки потрібно додайте файли CSS / JS на веб-сторінку для початку. Ви навіть можете знайти копії розміщені в Інтернеті якщо ви віддаєте перевагу маршруту CDN.
Не дозволяйте документації лякати вас. Але можна багато чого навчитися не всі функції потрібні для базової настройки листівки.
І це не займе багато чого створити дивовижну карту з нуля. Подивіться на цей створений кодекс за допомогою API Leaflet.js і Карт Google.
