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

To embed Google Maps in your prototype:

1. Go to Google Maps and insert the desired address.
   • 
2. From the hamburger menu in the top left-hand corner, select “Share or embed map”.
   • 
3. In the dialog that appears, go to the “Embed map” tab. Copy the 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.
   • 
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.
   • 
   • 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.
   • 
7. Click “Simulate” to see your Google Maps window embedded in your prototype.