How to Embed a Google Map onto a Hive Page
Question
We would like to embed a Google map as part of one of our Hives. Is this possible?
Answer
It is possible to embed a Google map within Digital Hive through the use of the Web page element.
- Open Google Maps so that the required map is displayed
- Click on the Share option
- From the Share menu, select the Embed a map tab
- Press the Copy HTML button
- Paste the copied text into a text editor
- Copy just the URL portion of the pasted text.
For example, using this copied Google link: <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.116520712743!2d-75.69324795719496!3d45.42715243578801!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cce050224c6125d%3A0x6a8bfab83c15afa4!2s78%20George%20St%2C%20Ottawa%2C%20ON%20K1N%200A8!5e0!3m2!1sen!2sca!4v1698181447841!5m2!1sen!2sca" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Extract the URL so that just this portion remains: https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.116520712743!2d-75.69324795719496!3d45.42715243578801!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cce050224c6125d%3A0x6a8bfab83c15afa4!2s78%20George%20St%2C%20Ottawa%2C%20ON%20K1N%200A8!5e0!3m2!1sen!2sca!4v1698181447841!5m2!1sen!2sca - Copy the extracted URL
- Launch
Digital Hive
- Open the Hive where the Google Map needs to be embedded
- Click on the Hive Launcher icon
and select Open Designer
- From the Elements panel, drag a Web page element onto a Hive Story Board page
- In the Properties panel for the Web page element, locate the URL property
- Paste the copied URL into the URL field and press LOAD
- The Google map should load into the web page element and should dynamically resize to the correct size
Related Articles
Embed Visualizations from Unsupported Content Systems
Question There are documented ways to embed visualizations from supported content systems like Tableau, IBM Cognos Analytics, and PowerBI, but what if a visualization is required from a BI solution that doesn't have an out of the box connector within ...Embedding Videos on a Hive Page
Question There are corporate videos that we would like to include within a Hive, is it possible to embed the videos so that they are accessible to users? Answer Embedding videos can be done through the use of two different techniques. Which technique ...Add a Hive Page that Opens an External URL
Question Is it possible to add a top level menu page that launches an external URL? The original plan was to add a page to the Hive menu navigation and then embed the URL onto the page using a Web Page tile, but the target URL does not allow itself ...Connecting to Google Looker
Question How do we connect Digital Hive to Google Looker? Answer Programmatic authentication into Looker works differently than most other BI content providers. Instead of leveraging the standard username and password, or token, approaches, Looker ...Digital Hive Frequently Asked Questions (FAQ)
Installation Can Digital Hive be installed on premise or in the Cloud? Digital Hive can be installed using either on-premise hardware, in a Private Cloud, or a hybrid architecture that leverages both Cloud and on-premise. There is currently no ...