| Home |  Kontakt |

Tips & Tricks - Kilka ciekawych przykładów

Wskaźnik postępu ładowania

mapy

Podczas ładowania dużych map lub gdy łacze internetowe ma małą przepustowość bardzo eleganckim rozwiązaniem jest wyświetlenie wskaźnika postępu ładowania mapy. W Google Maps można to bardzo łatwo zrobić wyświetlając w <div> zawierającym mapę tło w postaci animowanego gif'a.



W tym celu stosowany w przykładach na tej stronie kod:

<div id="map" style="width: 500px; height: 500px"></div>

należy zamienić na:

<div id="map" style="width: 500px; height: 500px; background: url('http://web4you.com.pl/template/loader.gif'); background-repeat: no-repeat; background-position: center;">

ZOBACZ PRZYKŁAD 23

Kliknij i powiększ mapę

Dzięki umieszczeniu w treści skryptu poniższego kodu możliwe jest powiększanie mapy poprzez kliknięcie lewym klawiszem myszy. Wskazany punkt staje się centralnym punktem mapy. Odpowiada za to fragment programu z linii 14. W linii 13 umieszczono wywołanie funkcji odpowiedzialnej za animację przy powiększeniu (można nie stosować).

ZOBACZ PRZYKŁAD 19

. . function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(lat, lng), zoom); map.addControl(new GLargeMapControl ()); map.addControl(new GOverviewMapControl()); map.addControl(new GScaleControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(lat, lng), zoom); map.enableContinuousZoom(); map.enableDoubleClickZoom(); } } . .

Ukryj elementy nawigacji gdy kursor nie jest nad mapą

Umieszczenie w funkcji load() fragmentu z linii 13,14,15 pozwala uzyskać bardzo ciekawy efekt w postaci wyświetlenia elementów nawigacyjnych tylko wtedy kiedy kursor myszy znajduje się na mapie. W ten sam sposób można sterować wyświetlaniem innych elementów na mapie. Dla znajacych JavaScript nie bedzie to żadnym problemem.

ZOBACZ PRZYKŁAD 20

. . function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(lat, lng), zoom); map.addControl(new GLargeMapControl ()); map.addControl(new GOverviewMapControl()); map.addControl(new GScaleControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(lat, lng), zoom); map.hideControls(); GEvent.addListener(map, "mouseover", function(){map.showControls();}); GEvent.addListener(map, "mouseout", function(){map.hideControls();}); } } . .

Polskie znaki w Google Maps - Konwerter ISO-UNICODE

W rozdziale Polskie litery w opisach i "chmurkach" przedstawiono skrypt PHP i kod generujący mapę w której "chmurki" zawierają opisy z polskimi znakami. Właściwy ciąg znaków podlega konwersji z ISO do UNICODE. Poniżej zamieszczono konwerter ISO - UNICODE którym można przygotować dowolny tekst w standardzie UNICODE i wkleić do kodu mapy lub wykorzystać z innym programem generującym mapy Google.

Informacja
Jeżeli informacje zawarte na tej stronie pomogły Ci w stworzeniu własnego serwisu i chcesz pomóc w jej promocji - umieść na swojej stronie mini-baner 80x15 z linkiem. W tym celu wklej poniższy kod w dowolnym miejscu swojej strony:

<a href="http://www.web4you.com.pl" target=_blank>
<img src="http://www.web4you.com.pl/geofinder.gif" alt="Google Maps, pozycjonowanie" border="0" width="80" height="15" ></a>