This month in Map Mavin Methods, we’ll show you how easy it is to take a map you’ve made in Map Mavin and add it to your website. With a simple HTML script and no coding experience whatsoever, you can quickly take a project that would otherwise be shared in emails and make it available to anyone who visits your website. By copying the script below and pasting in your web map’s shareable URL, you’ll be able to embed your map anywhere on the Internet. And changing the size of the map is just as easy!
STEP ONE: Copy the following script below:
<iframe width=”963″ height=”600″ src=”https://webmaps.mapmavin.com/mapmavin/client/?id=2054” frameborder=”0″ allowfullscreen></iframe>
Note: Make sure to set your Map Mavin web map to publicly accessible. If you are unsure of how to do this, please refer to our video regarding permissions on individual web maps here.
STEP TWO: Replace the link in our script with the shareable URL for your given Map Mavin web map.
STEP THREE: If desired, change the width and height fields to the size of your choosing. The lengths are measured in pixel size.
STEP FOUR: If you’re using WordPress or a similar service, just switch over to your HTML editor mode and drop this code directly into your web page and you’re good to go!
Still think this is over your head? Well don’t worry, because the map below was embedded with the exact same steps we just covered in less than 15 seconds! Ask us for a few tips if you need them, we are always happy to help.