Przejdź do treści

Utwórz interaktywną mapę na swoją stronę

Dodawaj trasy, okręgi i notatki w bezpłatnym edytorze map, a następnie skopiuj responsywną ramkę iframe na dowolną stronę. Nie potrzebujesz umiejętności programowania ani klucza API.

  • Bez klucza API
  • Responsywna ramka iframe
  • Działa z WordPress, Wix, Squarespace i HTML

Do czego służy to narzędzie

Gdy potrzebujesz interaktywnej mapy na stronę internetową, zwykle chodzi o jedną z dwóch rzeczy: prosty znacznik lokalizacji albo własną mapę pokazującą trasę, obszar obsługi lub adnotacje.

Draw on a Map powstało z myślą o tym drugim zastosowaniu. Zamiast osadzać sam znacznik, możesz osadzić dokładnie przygotowany widok mapy, razem z rysunkami, notatkami i poziomem powiększenia.

Jak osadzić własną mapę

1
Utwórz mapę

Otwórz Draw on a Map, wyszukaj miejsce i narysuj trasę, okrąg lub adnotację, którą mają zobaczyć odwiedzający.

2
Wygeneruj iframe

Kliknij Osadź obok Udostępnij na pasku narzędzi. Kod zostanie wygenerowany od razu.

3
Wklej kod na stronę

Skopiuj iframe i wklej go do kodu HTML swojej strony, bloku kodu w CMS lub widżetu osadzania.

embed.html
<iframe
  src="https://drawonamap.com/embed/#..."
  title="Draw on a Map embed"
  width="100%"
  height="420"
  style="border:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="geolocation"
  allowfullscreen></iframe>

Dlaczego warto wybrać więcej niż zwykłą osadzoną mapę?

🗺

Własne trasy na mapie

Pokaż dokładną ścieżkę pieszą, wejście, punkt spotkania lub obszar obsługi, który mają zobaczyć odbiorcy.

🔑

Bez klucza API

Skopiuj kod i wklej go na swoją stronę.

📍

Do wielu zastosowań

Dodawaj mapy na stronach obiektów, w ofertach nieruchomości, przewodnikach podróżniczych, strefach dostaw i instrukcjach wydarzeń, wszędzie tam, gdzie sam znacznik nie wystarcza.

Częste pytania

Czy mogę osadzić mapę w HTML?

Tak. Skopiuj kod iframe i wklej go bezpośrednio do szablonu HTML lub bloku kodu.

Czy mogę udostępnić lub osadzić gotową mapę?

Tak. Osadzona mapa zachowuje rysunek, poziom powiększenia i położenie mapy dokładnie w przygotowanej postaci.

Czy potrzebuję oprogramowania GIS do edycji mapy?

Nie. Draw on a Map działa w przeglądarce i generuje kod iframe prowadzący do hostowanej mapy. Nie potrzebujesz oprogramowania GIS ani klucza API.

Klienci mają sprawdzać swój adres?

W firmie usługowej możesz użyć Widżetu obszaru obsługi, aby zamienić narysowaną granicę w narzędzie „Czy obsługujecie mój adres?” na swojej stronie.

Chcesz osadzić swoją mapę?

Zajmie to około dwóch minut: narysuj mapę, kliknij Osadź i skopiuj kod.