Embed map.army in a Website Using an iFrame

It is possible with the map.army web application to implement to an another website. You can implement your edited, saved version also. There are two ways for it. First is based on the URL sharing and second is on the File based way. We show you how to do it.

Example:

<iframe width=100% height="315" src="https://www.map.army/" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

How to generate iFrame

Share URL

Follow these steps if you would generate an iframe html code from your share:
We have an article from: how to create a share.

  1. First you have to click on the ‘Map Overlays icon’.
    Button to open the MilX Layer Menu (Menu of Military Map Overlays)

  2. After that one window will appear. You have to click on the ‘Share Military Map icon’.
    Button to start Military Map sharing

  3. After click to the green Create New MilX Share…’ button. Button to create a share in the Military Map Generator Application

  4. You have to choose which sharing types would you like to use. There are ‘Read Only’, ‘Edit & Copy’ and ‘Edit & Overwrite’ options.
    Button to copy link from a created share from the Military Map Generator

  5. Click on your optional ‘More…’ button. It will show up many buttons. Button to share on one social media platform

  6. Click on the first icon. It is an iframe generator icon. It will generate an iframe code for you. The generated code will be at on your clipboard.
    Button to create an iframe for websites or blogs

  7. Paste this generated code into your website.

Example:

<iframe width="560" height="315" src="https://www.map.army/?ShareID=1014218&UserType=RC-hyid8mwz" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>

File based

Follow the steps if you would create an iframe which is based on a file from your web server.

Go through on our article first: how to load a MilX-Layer using URL parameter. If it works well with your web server you can paste the link into an iframe. I show you the steps:

  1. Copy our example iframe html code and paste into your website.
<iframe width=100% height="315" src="PASTE HERE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  1. Overwrite with your workable URL the src=“PASTE HERE” ‘PASTE HERE’ part.