Embeddable maps

2. Setting up the Project (Embeddable Maps)

  1. Create a folder called embeddedMapTest in your file system.
  2. Add a file called index.html
  3. Add a folder called script.
  4. Add a file called embeddedMapScript.js in the script folder.
  5. Create a folder called img inside embeddedMapTest.
  6. Copy missingtile.png and blank.png from the Web Map Layers img folder to the new img folder.
  7. Add the following code to index.html:
    8. Copy 
    <!DOCTYPE html>
    <html>
        <head>
        <title>Embedded maps development</title>
        </head>
        <body>
        
        </body>
    </html>

If you plan to use GeognoSIS layers for this map, it is important to correctly configure the proxy settings (in the case of “embedded” it is in General Settings > embedded settings)

Ensure the proxy URL points to the Web Map. Else WebMap will assume the embedded site has its own proxy.

3. Adding a Map to index.html