Posted on April 4th, 2017

Map Mavin Methods – April – How to Embed a Web Map

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!

In this month’s video you’ll learn how to easily embed web maps that you’ve created with Map Mavin on a web page using a simple HTML script. We’ll also show you how to quickly alter the window size of an embedded web map and how to make sure that your map is publicly viewable.


STEP ONE: Copy the following script below:
<iframe width=”963″ height=”600″ src=”” 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.

Fletcher Berryman
Cloud Tamer
(970) 710-0909

Share This Article
This entry was posted in The Geospatial Times and tagged , , , Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

    The Geospatial Times Archive