Testing the UMAP exported iFrame Code
The following is the first map tested: the link opens in a new page:
A Linn Park walk via the old Ack Ack battery.
Below is an iFrame of the same map.
Testing is going on and is being hampered by Firefox's caching of pages.
The exported iFrame code reads as follows:
"iframe style="width: 400px; height: 400px; border: 0;" allowfullscreen allow="geolocation" src="/0a_Empty400/https://umap.openstreetmap.fr/en/map/lp_ack_ack_1467825?scaleControl=false&miniMapControl=false&scrollWheelZoom=false&zoomControl=true&editMode=disabled&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false&captionMenus=true"></iframe"
This shows as a grey square.
- Inserted https: in the src - No Change
- Deleted Geolocation - No Change
- Deleted allowfullscreen - No Change
- Deleted MiniMapControl - No Change
- Having configured JCE to NOT use Sandbox [see below] - It works
Simplified the call as follows removing the sandbox call:
"<iframe src="https://umap.openstreetmap.fr/en/map/lp_ack_ack_1467825" height="330">/iframe>"
And it works !
So back to the original exported code:
And here it is with width and height set to 500px.
Configuring JCE
The following configuration changes are needed:
Disable Sandbox
- Select the profile you want to edit (such as Default).
- Click on the Plugin Parameters tab.
- Open the Media Support section.
- Locate the Sandbox iFrames setting and set it to "No".
- Save.
Allow iFrames support
- Locate the Allow IFrames and set it to "Yes".
Fix Media Support
- Locate Allow Audio Elements and set to "Yes"
- Locate Allow Video Elements and set it to "Yes".
Configuring Joomla
The following configuration change is needed:
Configure Joomla Global Text Filters
- Select System, Configuration.
- Select the Text Filters tab.
- Select the various categories of editor, and set the Filter Type to "No Filtering".
Have good day