How-to Create a Google Map

Owned by Anthony George
Last updated: Mar 13, 2023
1 min read

Introduction

How to set up google map that interacts with the data in your application:

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.