Tooltipy ikon
Do każdej ikony obiektu na mapie możemy podać opis do wyświetlenia w dymku
(tooltipie). Opis może być dowolną treścią html.
W przypadku gdy chcemy aby wielkość tootltipu dostosowywała się automatycznie
do jedyne co musimy zrobić to wstawić treść opisu w zmienną descr obiektu:
//tworzymy obiekt ikony var icon1=new MapgoIcon(); //podajemy opis obiektu - pojawi się w dymku po najechaniu kursorem myszy na obiekt icon1.descr='Warszawa Górczewska 212/226';
Taki sposób tworzenia tooltipa ma jednak swoje ograniczenia. Treść html opisu
musi wykorzystywać tylko niektóre tagi :
<br>,<b>,<s>,<i>.
Możemy także modyfikować styl całego tekstu tooltipu - funkcja getTipStyle
zwraca obiekt stylu tekstu tooltipa.
W sytuacji gdy chcemy wstawić dowolną treść html jako opis musimy dodatkowo
podać wysokość i szerokość tooltipa (w pikselach). Robimy to wstawiając w
zmienne obiektu tip_width, tip_height odpowiednie wartości:
var icon1=new MapgoIcon(); //podajemy opis obiektu - pojawi się w dymku po najechaniu kursorem myszy na obiekt icon1.descr='Warszawa Górczewska 212/226'; //podajemy szerokość tooltipa icon1.tip_width=200; //podajemy wysokość tooltipa icon1.tip_height=100;
Domyślnie tooltipy pojawiają się po najechaniu kursorem myszy na ikonę. Jeśli chcemy żeby tooltip pojawiał się po kliknięciu na ikonę musimy użyć właściwości obiektu ikony show_tip_state. Przujmuje ona dwie wartości:
- 0 - tooltip pojawia się po najechaniu kursorem na ikonę; jest to zachowanie domyślne
- 1 - tooltip pojawia się po kliknięciu na ikonę
var icon1=new MapgoIcon(); //podajemy opis obiektu - pojawi się w dymku po najechaniu kursorem myszy na obiekt icon1.descr='Warszawa Górczewska 212/226'; //podajemy szerokość tooltipa icon1.tip_width=200; //podajemy wysokość tooltipa icon1.tip_height=100; //określamy czy tooltip ma pojawiać się po kliknięciu na ikonę czy też niektóre icon1.show_tip_state=1;