How to Embed a Google Map onto a Hive Page

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.
  1. Open Google Maps so that the required map is displayed
  2. Click on the Share option 
  3. From the Share menu, select the Embed a map tab
  4. Press the Copy HTML button
  5. Paste the copied text into a text editor
  6. 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

  7. Copy the extracted URL
  8. Launch Digital Hive
  9. Open the Hive where the Google Map needs to be embedded
  10. Click on the Hive Launcher icon  and select Open Designer
  11. From the Elements panel, drag a Web page element onto a Hive Story Board page
  12. In the Properties panel for the Web page element, locate the URL property
  13. Paste the copied URL into the URL field and press LOAD
  14. 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 ...
    • 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 ...
    • 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 ...