Co zobaczy czytelnik
Osadzona mapa działa tak jak w aplikacji. Czytelnik przybliża ją, przesuwa i klika pinezki, żeby przeczytać notatki. Widzi tylko grupy publiczne i nie musi mieć konta w MapiGO.
Dane są pobierane na bieżąco. Jeśli po publikacji wpisu dodasz nowe miejsce, pojawi się ono na blogu bez zmiany kodu.
Skąd wziąć kod
Na profilu kliknij Udostępnij mapę i przejdź na zakładkę Osadzanie. Ustawisz tam styl mapy, motyw, kolor akcentu i język. Przełącznikami ukryjesz panel profilu pod mapą, przyciski powiększania albo dopasowanie widoku do markerów.
Znak wodny MapiGO w rogu mapy wyłączysz w planie Premium. Pod ustawieniami jest gotowy kod i podgląd. Kliknij Kopiuj kod.
Wklejanie w WordPressie
W edytorze blokowym dodaj blok Własny HTML i wklej kod. Jest jedna pułapka. Kod ma ustawioną wysokość 100%, czyli tyle, ile element, w którym stoi. Blok WordPressa nie ma stałej wysokości, więc ramka spada do domyślnych 150 pikseli.
Najprostsza poprawka: w skopiowanym kodzie zamień height="100%" na height="480". W kolumnie tekstu 480 pikseli wystarcza, na szerokiej stronie możesz dać 600.
Na WordPress.com w tańszych planach znaczniki iframe są usuwane przy publikacji. W podglądzie mapa jest widoczna, a na opublikowanej stronie znika. Potrzebny jest plan z obsługą wtyczek. Na własnej instalacji WordPressa blok Własny HTML działa dla administratorów i redaktorów.
W Bloggerze przełącz edytor posta na widok HTML, a w Wixie użyj elementu do osadzania kodu. Wysokość ustaw tak samo, w pikselach.
Styl mapy dopasowany do strony
Na ciemnym blogu jasna mapa wygląda jak wklejona z innej strony. W generatorze wybierz wtedy motyw ciemny i styl Dark. Outdoors z cieniowaniem terenu pasuje do wpisów o górach, Streets do relacji z miast.
Style Standard 3D i Satelitarna 3D działają w osadzonej mapie, jeśli jej właściciel ma Premium.
Mapa jednego wyjazdu
Osadzona mapa pokazuje wszystkie publiczne grupy. Żeby wpis o Barcelonie otwierał się na Barcelonie, dopisz na końcu adresu w kodzie ¢er=2.17,41.39&zoom=13&fit=0. Jeśli w adresie nie ma jeszcze znaku zapytania, pierwszy parametr zacznij od ? zamiast &.
W center pierwsza liczba to długość geograficzna, druga to szerokość. Parametr fit=0 wyłącza dopasowanie widoku do wszystkich markerów. Mapa poniżej jest osadzona właśnie w ten sposób.
Na telefonie
Kod ma szerokość 100%, więc na telefonie mapa wypełnia całą kolumnę tekstu. Przy wysokiej mapie czytelnik przewijający stronę palcem łatwo zaczyna przesuwać mapę. Wysokość około 400 pikseli zostawia nad nią i pod nią miejsce na przewijanie.
Pod mapą dodaj zwykły link do pełnej mapy w MapiGO. Przyda się czytelnikom, którzy chcą ją otworzyć na całym ekranie, i tym, którzy czytają bloga w czytniku RSS, bo większość czytników nie wyświetla ramek iframe.
