search

OpenWaterFoundation / owf-app-infomapper-ng

Open Water Foundation InfoMapper web application for menu-driven maps and visualizations, using Angular
GNU General Public License v3.0
1 stars 2 forks source link

Determine how to embed InfoMapper map in another website #367

Open smalers opened 3 years ago

smalers commented 3 years ago

We have been doing a lot of work on InfoMapper a core application. However, not every project needs a full application. There may be cases where a single map is what is needed. Being able to interact with the map and display popup dialogs with visualizations has value. Therefore, my question is can we embed a single map (no application menus) in another website such as with iframe? This would be similar to embedding a Tableau visualization or Esri map or Plotly graph. I found the following, which might be helpful:

The following are technical considerations:

  1. Is what I am asking even possible?
  2. Would embedding require sending additional URL parameters to the Angular application for example: ?mapId=themaptodisplay&embed=true. If a separate application is needed (e..g., index-embed.html) then of course the URL would be different in some ways.
  3. Can the same InfoMapper application be used for embedding or would a different application main program need to be created? Ideally they could both be deployed as one application so that one set of data and configurations is used.
  4. Can suggested HTML be provided in InfoMapper to embed any map? This would be good because then people could link to the full InfoMapper page or embed just one map. Maybe the embed could also provide a link to the full application to complete the connections.
  5. If embedded, Google Analytics could behave as if the user went directly to the one map.
  6. If embedded, would the load time and memory use of the application be less due to lazy loading of less resources? I'm interested in whether embedded pages would be fast and less of a strain on mobile devices.