EasyMapMaker allows maps to be embedded on your website or blog with very little effort. You can embed a map after creating and saving the map our map creation page.

Follow these steps to embed a map on your blog or website

  1. Go to EasyMapMaker.com and create a map by copying/pasting your data or dragging and dropping it.
  2. Set the map option and make the map
  3. Save the map. (Entering your email address is optional)
  4. Copy the map url and use it with the embed html code (or use the supplied html that is included in the email when saving your map with an email address)
  5. Paste the embed html code into your website or blog
  6. Modify or add attributes to the iframe html as you desire.

The map below is an example of embedding a map on a webpage

The map above is an example of an embedded map made using EasyMapMaker. To make your own embedded map, make a normal map using EasyMapMaker then take the map id and use it with the code snippet below. The height, width, and any other values for the iframe can be modified as you wish.

Html Code to embed a map
<iframe width="600" height="600"
    frameborder="0" scrolling="no"
    marginheight="0" marginwidth="0"
    src="https://www.easymapmaker.com/map/#map_id#"/>
</iframe>
Example:

The map url above is https://www.easymapmaker.com/map/90_degree_days_us_cities so the html can be:

<iframe width="100%" height="500"
    frameborder="0" scrolling="no"
    marginheight="0" marginwidth="0"
    src="https://www.easymapmaker.com/map/90_degree_days_us_cities"/>
</iframe>