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
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 ...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 ...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 ...Displaying a Specific PowerBI Report Page
Question Within in PowerBI report, there are multiple pages. When a PowerBI report is embedded into Digital Hive, the default page is shown, but I would like for a different page to be displayed. For example, the default page is Overview but I want ...Embedding Twitter within a Hive
Question Is it possible to embed a Twitter feed/timeline onto a Hive page? Answer As of the Digital Hive 2.1 release, it is possible to embed a Twitter feed within a Hive page. To accomplish this: Using a web browser, open Twitter and view the feed ...