Posts‎ > ‎

How to embed a map from Mapping Sheets add-on in a web page?

posted Nov 10, 2014, 5:12 AM by Faustino Rodriguez   [ updated Jan 1, 2015, 2:50 PM ]
We often get this kind of question:
Q: Is it possible to embed the maps in a html page? what could be the specific code?

A: We have tested a couple of solutions for embedding the map within a html page, that might work for you

1. Simple HTML -- see demo

    <object type="text/html" data="" width="800px" height="600px" style="overflow:auto;border:5px ridge blue"></object>

2. Using jQuery -- see demo

HTML section
<div id="siteloader"></div>

JavaScript section
$("#siteloader").html('<object data="" />');

CSS section
html, body {
    height: 100%;
div {
    height: 99%;
object {
    width: 100%;
    min-height: 100%;

3. Using iFrame 
This could be another option, but we haven't tried it yet