Page Comparison

Introduction

This how-to explains how to How to set up and add an interactive google map that interacts with the data within in your application.:

Image Added

Step 1 - Google API key

1. You need a Google API Key that is associated with your PhixFlow Server. To create this see: Create a Google Map API Key 

Step 2 - Add a Map Tile

1. From the Serene Grey palette add a Tiles → Map.
2. Click on the map to open its properties
3. Update the URL statement to be:
   1. "https://www.google.com/maps/embed/v1/place?key=<<ENTER KEY HERE>>&q="+_form.Postcode
   2. Change, <<Enter Key Here>> to be your new Google API Key
   3. Change, _form.Postcode to be the field you want to use to set your map location
   4. Example
      1. "https://www.google.com/maps/embed/v1/place?key=qwerSyCDViINLcfabc5EQ4kHoyE9XOlWQSOdo&q="+_form.Postcode
4. Save all your changes. To view the map lock the screen or switch to app mode.