Leaflet.js to najprostsza biblioteka map, jaką kiedykolwiek znajdziesz
Mapy Google są z pewnością najbardziej popularne widżet do osadzania map dla projektantów stron internetowych. Ale co z dodawanie funkcji niestandardowych takie jak podpowiedzi i znaczniki pinów?
Tak właśnie wygląda niesamowita biblioteka Leaflet.js pomaga tonie.
To jest całkowicie darmowy projekt open source początkowo stworzony przez jednego z chłopaków z Mapbox o nazwisku Vladimir Agafonkin. Od tego czasu ulotka rozszerzyła się dziesiątki współpracowników dookoła świata.
Często zaktualizowany o poprawki błędów i nowe funkcje które poprawiają ogólną implementację na dowolnej stronie internetowej. Jest to zdecydowanie moja ulubiona biblioteka mapowania ze względu na samą siłę i estetykę projektu.
Ma tak wiele funkcji, że nie mogę ich wszystkich wymienić, ale oto są najciekawsze:
- Przyspieszenie sprzętu mobilnego
- Znaczniki szpilek, nakładki kształtów i podpowiedzi
- Niestandardowa animacja powiększenia i panoramowania
- Brak zależności JS
- Wsparcie dla wszystkich głównych przeglądarek, w tym IE7+
Wdrożenie jest trochę skomplikowane, ponieważ musisz wprowadź współrzędne i określ, jak duża powinna być mapa.
Użytkownicy mogą zawsze pomniejszyć i panować wokół, więc widok zawsze może się zmienić. Ale to także bazuje na jak definiujesz mapę na stronie.
Jest ogromny strona dokumentacji pełen informacji dla każdego aspektu ulotki. Niestety jest tak gęsty, że nie mogę polecić nurkowania, ponieważ prawdopodobnie się zgubisz. Zamiast tego sprawdź Strona z samouczkami na ulotkach który obejmuje również skrócona instrukcja obsługi dla początkujących.
Dowiesz się, jak osadzaj mapy, zmień rozmiar / pozycję, i jak dodaj niestandardową grafikę na górze, takie jak koła lub znaczniki pinów.
Ten jeden przewodnik intro może nauczyć cię wszystkiego, czego potrzebujesz korzystać z Ulotki na blogu, stronie internetowej firmy lub w dowolnym nadchodzącym projekcie.
Istnieje wiele powodów, dla których warto korzystać z Google Maps: jest potężny, zaufany i bezpłatny. Ale dołączona jest ulotka o wiele więcej funkcji po wyjęciu z pudełka i musisz tylko dodaj pliki CSS / JS do swojej strony internetowej zaczynać. Możesz nawet znaleźć kopie hostowane online jeśli wolisz iść trasą CDN.
Nie pozwól, aby dokumentacja cię przeraziła. Możesz się wiele nauczyć, ale nie wszystkie funkcje są konieczne dla podstawowej konfiguracji ulotki.
I to nie wymaga wiele stwórz niesamowitą mapę od podstaw. Rzuć okiem na stworzone demo Codepen za pomocą Leaflet.js i Google Maps API.
