www.gmapsapi.com

Kompleksowy kurs podstaw API, po którym mapowianie nie będzie miało przed Tobą żadnych tajemnic!

Setki przykładów, kursów i poradników z kodem gotowym do skopiowania i korzystania.

Największa strona o Google Maps API w Polsce, największe źródło informacji w języku polskim.

Prezentacja światła słonecznego na mapie

Ten artykuł dotyczy API w wersji 2

« powrót do listy poradników

Ten krótki poradnik pokaże, w jaki sposób korzystając z rozszerzenia Day Light Map dodać na mapie warstwę, przedstawiającą zaciemnione i jasne obszary na mapie, wynikające z oświetlenia słonecznego, pory roku i daty oglądania mapy. Innymi słowy, stworzony przykład będzie pokazywał, jak w danym momencie oświetlona jest Ziemia.

Licencja

Skrypt Day Light Map jest darmowy do użytku dla stron, których liczba wywołań w ciągu miesiąca nie przekracza 20 000. Jeśli Twoja strona notuje dziennie mniej niż 600 wywołań, nie musisz obawiać się przekroczenia limitu. Cennik dla stron nie spełniających tego warunku znajduje się tutaj: http://www.daylightmap.com/services.php#diy.

Dołączenie skryptu

Poniższy fragment należy wstawić gdzieś w sekcji HEAD twojej strony:

<script src="http://www.daylightmap.com/daylight_packed.js" type="text/javascript"></script>

Dodanie warstwy

Aby dodać warstwę do mapy, wystarczy dodać dwie linijki w jej kodzie. Uwaga! Muszą się one znaleźć już za stworzeniem obiektu GMap2, ale przed pierwszym centrowaniem mapy za pomocą metody setCenter(). Przykładowo:

var mapa = new GMap2(document.getElementById("mapka"),{mapTypes: [G_PHYSICAL_MAP]});
var oswietlenie = new daylightMap.daylightLayer();
oswietlenie.addToMap(mapa);
mapa.setCenter(new GLatLng(2.8113711933311403, 14.0625),1);

Tak przygotowany kod spowoduje, że mapa oświetlenia będzie widoczna niezależnie od wybranego trybu wyświetlania mapy. przykład 1pokaż kod przykładu

Dodanie mapy nasłonecznienia tylko do wybranego trybu mapy

Zamiast wyświetlać mapę nasłonecznienia zawsze, można ją przypisać do wybranego trybu mapy (np. do trybu satelitarnego). Wówczas zamiast kodu

oswietlenie.addToMap(mapa);

należy zamieścić:

daylight.addToMapType(G_SATELLITE_MAP);

gdzie zamiast G_SATELLITE_MAP może być każdy z pozostałych trybów (np. G_NORMAL_MAP, G_PHYSICAL_MAP itd.)przykład 2pokaż kod przykładu

Polecane artykuły

Dodaj stronę do ulubionego serwisu społecznościowego

Oto, co najczęściej czytają internauci, którzy przeczytali ten artykuł:

Dodawanie markerów przez użytkownika

API v2

Poradnik pokazuje, w jaki sposób stworzyć formularz, pozwalający na dodawanie markerów


jQuery i Google Maps

API v2

Przyjemne dla oka animacje za pomocą bilbioteki jQuery uatrakcyjnią każdą mapę!


Wczytywanie danych z programu MS Excel

API v2

W tym przykładzie pokazane zostało, w jaki sposób wyświetlić markery z arkusza kalkulacyjnego


Własna mapa w Google Maps API

API v2

Przygotowanie i sposób stworzenia własnej mapy, na przykładzie mapy z gry GTA3