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.

Powiększenie okna informacyjnego

Ten artykuł dotyczy API w wersji 2

« powrót do listy poradników

Pojemność "chmurek" InfoWindow i ilość informacji, jakie można w nich wyświetlić jest ograniczona. API posiada rozwiązanie, które w prosty oraz elegancki sposób pozwala na zmaksymalizowanie chmurki po kliknięciu na specjalny przycisk. Dzięki temu, domyślna chmurka może zawierać jedynie podstawowy opis, a całość (zdjęcia, tabelki i inne) dostępna będzie po zmaksymalizowaniu chmurki. Maksymalizacja okienka jest dość nową funkcjonalnością, pamiętaj, by pobierać skrypt API w wersji 2.x (sprawdź kod dowolnego przykładu w tym dziale aby zobaczyć, jak to zrobić).

Wersja prosta - wyświetlenie predefiniowanego tekstu w zmaksymalizowanym oknie

Za pomocą opcjonalnego argumentu w postaci tablicy, przy otwieraniu okna możesz ustawić tekst, który wyświetli się po zmaksymalizowaniu. W tablicy tej wystarczy przypisać kluczowi maxContent rozszerzony tekst, a kluczowie maxTitle tytuł, jaki pojawi się w belce zmaksymalizowanego okienka:

var marker = new GMarker(new GLatLng(49.94694444444445,-40.27444444444444),{title: 'Tu zatonął RMS Titanic'});
marker.text = '<div class="dymek"><strong>RMS Titanic - miejsce zatonięcia</strong>W tym miejscu 15 kwietnia 1912 roku zatonął najbardziej luksusowy parowiec wszechczasów - RMS Titanic</div>';
marker.textMax = '<div class="tekst"><p><strong>RMS</strong> (ang. <em><strong>R</strong>oyal <strong>M</strong>ail <strong>S</strong>teamer</em>) <strong>Titanic</strong> &ndash; brytyjski transatlantyk typu Olympic, należący do towarzystwa okrętowego White Star Line. </p><p>Podczas swojego dziewiczego rejsu z Southampton do Nowego Jorku przez Cherbourg i Queenstown, zderzył się 14 kwietnia 1912 roku z górą lodową i zatonął. Jego katastrofa spowodowała nowelizację praw i zasad bezpieczeństwa morskiego.</p><h3>Siostrzane statki</h3><p>Titanic był jednym z trzech liniowców typu Olympic. Miał dwa siostrzane statki: Olympic i Gigantic (nazwa trzeciego statku została przemianowana po katastrofie Titanica na mniej pretensjonalną &ndash; Britannic). W planach miały być one najbardziej luksusowymi i największymi jednostkami pływającymi na świecie.</p></div>';
GEvent.addListener(marker,'click',function()
{
	marker.openInfoWindowHtml(marker.text,{maxContent: marker.textMax, maxTitle: 'Titanic - poszerzony opis'});
});

I to wszystko, sprawdź działanie powyższego kodu na przykładzie: