Many Sahaj websites use Wordpress, we want to build a Wordpress plugin to simplify the integration process and avoid any potential issues with either (a) inability to use arbitrary iframe embeds or (b) inability to make an iframe stretch to 100% width. We can then also expose some configuration options (like locale) directly in that plugin.
Create a Wordpress plugin with the following features:
It should be possible to enter an API key from the Atlas into the plugin's settings.
(Option 1) The plugin should be able to insert the iframe embed code into any page on the Wordpress site, the iframe embed code would look like this:
<iframe id="sahaj-atlas" src="https://atlas.sydevelopers.com/map?key=<INSERT API KEY>" width="100%" border="0"></iframe>
(Option 2) The plugin should be able to create a page which uses the script embed code, which would look like this:
<script src="https://atlas.sydevelopers.com/map/embed.js" key="<INSERT API KEY>" />
This script will then convert itself into an element that looks like this <div id="sahaj-atlas"> and will contain all the HTML for the map.
The plugin should also include some CSS to ensure that when included in a page, the iframe / div will take up 100% of the page width, and if embedded as a script (Option 2), then it should also take up the full page height.
Many Sahaj websites use Wordpress, we want to build a Wordpress plugin to simplify the integration process and avoid any potential issues with either (a) inability to use arbitrary iframe embeds or (b) inability to make an iframe stretch to 100% width. We can then also expose some configuration options (like locale) directly in that plugin.
Create a Wordpress plugin with the following features:
<iframe id="sahaj-atlas" src="https://atlas.sydevelopers.com/map?key=<INSERT API KEY>" width="100%" border="0"></iframe>
<script src="https://atlas.sydevelopers.com/map/embed.js" key="<INSERT API KEY>" />
This script will then convert itself into an element that looks like this<div id="sahaj-atlas">
and will contain all the HTML for the map.