Draw on a MapEn vanlig inbäddad karta visar en kartnål. Det räcker inte för att hjälpa en gäst att hitta sidoingången, en besökare att följa vägen från stationen eller en kund att se var du levererar. Med Draw on a Map kan du först rita dessa detaljer och sedan bädda in den färdiga kartan utan API-nyckel eller konto.
Skapa kartan och kopiera inbäddningskoden
Spara kartan på ditt konto innan du kopierar inbäddningskoden om din webbplats måste visa senare redigeringar. Kod från en osparad karta skapar en fast kopia.
- Öppna Draw on a Map och sök efter din plats.
- Rita rutten, området, pilarna eller anteckningarna.
- Zooma och flytta kartan till den vy du vill att besökarna ska se först. Inbäddningen öppnas vid den vyn.
- Välj knappen Bädda in (
</>) i det övre verktygsfältet. - Välj var du vill klistra in koden: HTML, WordPress, Wix eller Squarespace. Dialogrutan visar stegen för den plattformen.
- Ställ in höjden och välj Kopiera kod.
- Klistra in koden på din sida, publicera den och kontrollera sidan på en dator och en telefon.
I WordPress klistrar du in koden i ett block av typen Anpassad HTML. I Wix lägger du till Bädda in kod → Bädda in HTML. I Squarespace lägger du till ett Code-block och ställer in det på HTML.
Hur koden ser ut
<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>Det här är en mall. Kopiera den riktiga koden från dialogrutan Bädda in, som fyller i src för din karta. Bredden anpassas till kolumnen där kartan placeras. Ändra height om sidan behöver en högre eller lägre karta.
Gratis inbäddade kartor visar ”Drivs av Draw on a Map”. Spara kartan och uppgradera till Pro för att ta bort märkningen.
Håll inbäddningen uppdaterad
Spara kartan på ditt konto innan du kopierar koden. Inbäddningen visar sedan den senast sparade versionen, så att du kan fixa en rutt eller flytta en markör utan att röra din webbplats.
Kod från en osparad karta lagrar ritningen i webbadressen och ändras inte när du redigerar kartan. Öppna Bädda in igen efter ändringen, kopiera den nya koden och ersätt den gamla iframe-koden.
Stora importerade datamängder får inte plats i en URL. Om dialogrutan Bädda in ber dig att spara först, spara kartan och öppna Bädda in igen.
Om kartan inte visas
Använd ett block som tar emot HTML- eller iframe-kod. Ett fält som bara tar emot en webbadress fungerar inte med hela iframe-koden. Om kartan försvinner efter publiceringen kan webbplatsbyggaren ha tagit bort iframe-elementet. Kontrollera dess inställningar för inbäddat innehåll.
Idéer för webbplatskartor
- Evenemang och bröllop: markera rätt ingång, pendelhållplats och parkering på en karta.
- Uthyrning och resor: rita promenaden från stationen till lägenheten, eller genvägen till stranden.
- Serviceföretag: rita upp området du täcker. Om besökare behöver kontrollera sin egen adress förvandlar den betalda Service Area Widget den gränsen till en adresskontroll för din webbplats.
Relaterade guider
- Rita en cirkel på en karta: markera ett leverans- eller serviceområde med en exakt radie
- Rita på Google Maps: flytta en befintlig Google My Maps-karta innan du bäddar in den
- Dela en egen gångrutt: rita vägen som ruttappen visar fel