Embedding a Map with Wix
Get A Map Embed Code
It's easy to embed a map created in the [Mappedin Map Editor](https://maker.mappedin.com/) into any web page. Follow the steps below to copy a embed map code snippet. 1. Log into the [Mappedin Map Editor](https://maker.mappedin.com/).2. Open the map to embed.
3. Click on the `Preview` button.
4. Click on the `Share` button.
5. If the map is in Draft status, use the drop down to change it to Live.
6. Click on the `Copy Embed` button.
The code to embed the map has now been copied to the clipboard.
Embed the Map Code
Follow the steps below to embed a map as it appears in the Mappedin Viewer into a page on a web site created using Wix.
-
In the Wix Editor, open the page to embed the map.
-
Click the
Add Elements
button in the editor. -
Click
Embed Code
. -
Click
Embed HTML
. -
Paste the Mappedin embed code.
-
Press
Update
. -
If your map appears cut off at the top or bottom, modify the embed code by changing
height="100%"
toheight="100%"
. -
Press
Update
.
The screenshot below shows an example of the embed code modified in step 7 to use 100% of available height.
The map should now appear on the web page similar to the screen shot below.