Archiwa kategorii: Mapy

Gmaps.js – biblioteka przydatna przy tworzeniu mapek Google

Gmaps.jpg – biblioteka napisana na frameworku jQuery, która w dużym stopniu ułatwia i przyspiesza wstawianie mapek Google na strony WWW. Biblioteka ułatwia wstawianie markerów, geolokalizacje i geokodowanie, rysowanie, mapy statyczne i wiele innych. Na stronie jest dostępna dokumentacja on-line, przykłady oraz linki do aplikacji JSFIDDLE w której można przetestować w praktyce używanie skryptu.

gmapsjs jquery

 

Framework: jQuery
Demo: http://hpneo.github.com/gmaps/examples.html
Download: https://github.com/hpneo/gmaps
Dokumentacja: http://hpneo.github.com/gmaps/documentation.html
Licencja: MIT

 

MapIcons – portal z ikonami do map Google

mapicons_thumb.jpg

Jeżeli szukasz ikonek do mapki Google, MapIcons powinno być miejscem, gdzie znajdziesz to czego szukasz. Na portalu znajduje się duża ilość ikon, ułożonych w odpowiednie kategorie tematyczne. Dodatkowo każda kategoria ma kilka kilka stylów w jakich możemy ściągnąć ikonki. Jakby tego było mało możemy również zmienić na dowolny kolor tła ikon.

 

Link: http://mapicons.nicolasmollet.com/
Licencja: CC

Gmap3 – biblioteka do tworzenia zaawansowanych map Google

gmaps jQuery google maps

Gmap3 to biblioteka napisana na frameworku jQuery. Przy jej pomocy możemy tworzyć zaawansowane mapy Google. Wśród możliwości jakie daje warto wymienić:

 

  • tworzenie animowanych markerów
  • Klastrowanie markerów (jeden duży markier zamiast kilku nachodzących na siebie)
  • wpisywanie adresu z podpowiedzią
  • obsługa tagów
  • Tworzenie menu kontekstowego

Na stronie gmap3.net można znaleźć dokumentacje do skryptu oraz przykłady do ściągnięcia.

Framework: jQuery
Link: http://gmap3.net/
Demo: http://gmap3.net/examples.html
Licencja: GPL

 

 

Subway Map Visualization – skrypt w jQuery do tworzenia schematów lini metra

subway map visualization jquery

Ciekawy skrypt w jQuery z pomocą którego wykorzystując jedynie znaczniki HTML, można utworzyć schemat linii metra. Znaczniki są przy wyświetlaniu zamieniane na linie dzięki zastosowaniu biblioteki Canvas. Możemy dodawać punkty przystankowe i odnośniki np. do opisów. Skrypt pozwala nam dowolne modyfikować kolory i kształt linii oraz wielkość samej mapy.

 

subway map visualization jquery

Framework: jQuery
Link: http://www.kalyani.com/2010/10/subway-map-visualization-jquery-plugin/
Licencja: Darmowa

MooGeo – geolokalizacja MooTools

MooGeo

MooGeo to skrypt pomocny przy geolokalizacji. Za jego pomocą możemy ustalić położenie na przykład na podstawie swojego lub czyjegoś adresu IP, adresu URL, geokodów czy nawet treści. Skrypt umożliwia nawet wyszukiwanie zdjęć w pobliżu danej lokalizacji przeszukując portale ze zdjęciami. Lokalizacje ustalane są na podstawie położenia dużych serwerów.

MooGeo

Wymagania: MooTools
Link: http://thinkphp.ro/apps/js-hacks/MooGeo/
Download: http://mootools.net/forge/download/MooGeo/v1.0
Licencja: Darmowa

mygeoposition – odczytaj geopozycje Google Maps

mygeoposition

Zawsze przy kodowaniu mapki Google miałem kłopot ze znalezieniem poprawnych geopozycji. Chodzi o dwa numery pozycji geograficznej na mapie. Na szczęście nie byłem osamotniony w tych problemach, ktos inny też zauważył problem w znajdowaniu geokodów i stworzył serwis myGeoposition. Na stronie portalu po znalezieniu przez nas odpowiedniego miejsca możemy odczytać jego dokładną pozycję, skopiować geokody, XML do Google Earth oraz linki do Google map i innych map. Serwis dostępny jest w wielu językach.

mygeoposition

Link: http://www.mygeoposition.com/

Google maps w jQuery

google_map_jquery

Tworząc proste mapki w Google maps API nie trzeba kierować się tutorialami na stronie Google. Duż0 prościej jest użyć jQuery. Różnica miedzie Google maps API a jQuery tkwi w prostocie ponieważ możemy wyświetlić mapkę używając praktycznie 3 linijek kodu. Inne rzeczy mogą zająć nie wiele więcej linijek kodu. Na podanej poniżej stronie znajduje się 27 sposobów na wykorzystanie Google maps z użyciem jQuery.

google_map_jquery

Wymagania: jQuery
Link: http://www.mayzes.org/googlemaps.jquery.html
Licencja: MIT, GPL

Poznaj google maps API

Gogle Maps API

Tę stronę znają wszyscy polscy projektanci stron internetowych. Serwis istnieje już od kilku lat i zawiera tutoriale i porady na temat wykorzystania  Google Maps API. Wiele przykładów jest dostępnych za darmo, a bardziej złożone rozwiązania są udostępniane odpłatnie. Jest to naprawdę imponujące i rozległe źródło wiedzy, a przede wszystkim dostępne w języku polskim, co ułatwia korzystanie z niego początkującym WebMasterom.

Demo: http://gmapsapi.com
Licencja: Darmowa, SMS