iFrame (Google Maps)

Ritwik
Ritwik Atlanta 🟡
in Domo Developer

Has anyone successfully placed an iFrame within a card in Domo? I am using the free, basic Google Maps Embed API and have the relevant iFrames that need to be embedded within Domo. I imagine this is something that can be done through the Dev Studio -- anyone have similar experience or tips on how to get started? I've seen apps that embed other iFrames (such as the Google Forms iFrame). 

 

For reference, the sample iFrame I'd want to embed would look something like:

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
    &q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>

 Above example taken from the official Google Maps Developer Guide.

 

Would greatly appreciate any comments or insights, thanks!

Comments

  • Jarvis
    Jarvis 🟠

    I've been able to do this just by using the basic "hello world" template provided by Dev Studio CLI https://developer.domo.com/docs/dev-studio-references/dev-studio-cli and pasting the iFrame in the body of index.html. First install ryuu globally using NPM https://developer.domo.com/docs/dev-studio/dev-studio-overview#Installation , then after this is all set run domo login, then domo init, then select the "hello world" template. After this finishes, open the project and in the index.html and paste your iframe in the body. Then make sure to add a thumbnail image for the app in the root directory named thumbnail.png that is 300 x 300 px, and then run 'domo publish' from the root of the app, then it should be in your asset library in Domo and you can place the card. 

This discussion has been closed.

Categories