Embedding Google Maps

Justinmind allows you to embed online content using the HTML widget. You can find this widget in the Special Components group of the Basic library in the Widget library palette. Just drag and drop it to the canvas to get started.

embedding google maps

Embedding Google Maps

To embed Google Maps in your prototype:

  1. Go to Google Maps and insert the desired address.
    • google map tussauds embed
  2. From the hamburger menu in the top left-hand corner, select “Share or embed map”.
    • share embed map
  3. In the dialog that appears, go to the “Embed map” tab. Copy the code.
    • copy embed code
  4. In Justinmind, create a new prototype.
    • From the Special components section of the Basic Widgets library, drag an HTML widget to the canvas.
    • html widget
  5. In the Properties palette, paste the code you copied from Google Maps into the “HTML” field of the General section, replacing the default code.
    • html default code
    • Make sure you check that the URL of the video in the HTML has the http:// prefix, sometimes it gets automatically removed.
  6. Then, resize the HTML element so that the entire Google Maps window will be visible during simulation.
    • resize for simulation
  7. Click “Simulate” to see your Google Maps window embedded in your prototype.