Map activity

MAP ACTIVITY #

The Map activity lets you display your locations on an interactive map. Your users can then see your address, nearby locations, and even get directions and navigation to your business.

To add this activity, open the Components section, expand the Extensions menu, and choose the Map.

In contradiction to other social buttons, here, you should paste your Google maps API key in the left part of the builder. 

This is where you can enter your Google Maps Javascript API key to authorize your use of the Google Maps Javascript API.

If you do not enter an API key, your app will display a low-resolution map with a watermark on it as of June 11, 2018. 

At that time, keyless calls to the Maps JavaScript API and Street View API will return low-resolution maps watermarked with “for development purposes only.” This happens because Google products and pricing change.

Note: Beginning June 11, 2018, all Google Maps access needs to be authenticated, and Google Maps usage above certain thresholds are subject to fees from Google. You will need to enable billing in the Google Cloud Console (and register a credit card) In order to use Google Maps within your app. See here for pricing. Map views are subject to the limits for “Dynamic Maps.” The use of map markers is subject to the limits for “Geolocation.” If navigation is enabled, that is subject to the limits for “Directions.”

Please be aware that map access is no longer a free service from Google. If you do not want to incur any fees, make sure you set appropriate daily quotas in the Google Cloud Console, or do not use the Map activity.

To generate an API key, you will need to select a project in the Google Cloud Console and create a Credential for it. The type of credential you need is an “API key.”

See Setting up API keys in the Google Cloud Console Help documentation.

Once you’ve generated an API key, you may want to restrict access by adding one or more “HTTP referrers (websites)” application restrictions (one for each Andromo Map activity you use). You can also set an “API restriction” on the key to only enable it for the “Maps JavaScript API” if you wish.

HTTP Referrer #

This is the value you can enter as an “HTTP referrer (websites) API key restriction” within the Google Cloud Console to help secure access to your Google Maps API Key. Although this is not required (the map will work without it), it is a good idea to help protect your API key access a little bit.

To enter this value in the Cloud console, navigate to your API key, and add the value to the list of “Application restrictions” by selecting the “HTTP referrers (websites)” option. (If you have multiple maps using the same API key, you will need to add the appropriate HTTP referrer path for each Andromo activity to the list).

Noteonly an “HTTP referrer” restriction will work. You cannot use an “Android apps” restriction at this time.

You can customize your Map activity in the right part of the builder.

SETTINGS #

Basic settings of the chosen activity.

MAIN SETTINGS #

Here, you have an URL of this particular activity. You can later use it for cross-linking among other app activities.

In this section, you can change the title of your activity, add a subtitle and a description to it. This will help users navigate through your app.

You can also add a search bar to your activity, which allows users to search in the app.

You can hide this activity (tick this section to not list a Map activity on any dashboards or navigation drawer).

A great advantage of the Map activity is the ability to set ads. You can do it in the ADS section.

ADS #

Monetization settings section.

BANNER SETTINGS #

If you have previously set a monetization option to your app, you may or may not include a static banner in your activity (tick if you want to display ads in this activity).

You can also choose an advertising network for this banner — AdMob or Facebook Ads.

INTERSTITIAL SETTINGS #

If you have previously set a monetization option to your app, you may or may not include interstitial ads in your activity (tick if you want to display ads in this activity).

You can also choose an advertising network for this interstitial — AdMob or Facebook Ads.

STYLE #

A visual representation of your activity.

NAVIGATION DRAWER APPEARANCE #

The navigation drawer is a clickable icon in the left upper corner of your dashboard, that opens a list of all app’s features and helps users navigate through your app.

Here, you can set some navigation drawer’s parameters:

  • Show activity in drawer (to make this activity seen on activities list);
  • Show activity icon (to make an activity image seen on the list);
  • Show activity subtitle (to make a subtitle seen on activities list);
  • Add divider after activity (for the activity’s title to be divided from other titles by horizontal underlining). 

APP BAR APPEARANCE #

The app bar is an upper line with the activity’s name on your app’s dashboard.

App bar leading section lets you choose what to depict on the app bar:

  • Show back button (for making it possible to go back to the previous screen);
  • Show drawer icon (for a drawer icon to be seen);
  • Show nothing (for hiding the elements from the app bar).

 

You also have extra app bar settings here to tick:

  • Show title in app bar (for your PDF activity’s name to be seen);
  • Use app bar background image (for uploading and adjusting a background image for your activity’s app bar);
  • Use custom app bar theme (tick this section to choose title’s color, font, and font’s size).

This section defines how this activity’s icon will be shown on the app dashboard.

In ‘’Look’’ section, you can choose the symbol which will represent your activity on general app’s dashboard:

  • Show card (for displaying this category as a card);
  • As list item (for showing an activity name only);
  • As list item with icon (for choosing an icon);
  • As list item with image (for showing an activity name with an image);
  • As column item (for showing an activity name centered in the column);
  • As column item with icon (for showing an activity name with an icon centered in the column);
  • As column item with image (for showing an activity name with an image centered in the column).

 

Also, you can use a custom size of activity icon, or set parameters regarding a quantity of columns, rows. You will also need to set column and rows sizes at the activity’s group level (list or carousel), as well as at the Dashboard level (left side of dashboard settings).

Tick the Use custom styling and set the icon’s parameters:

  • Spacing (offset from the sides);
  • Radius (icon’s shape);
  • Fonts, color, and size of an icon’s title;
  • colors (of a card border, card background, and card title background).

 

You can turn on the Icon setting, so that the icon will appear on the activity card.

Tick the Use background image – Browse images to upload and set the icon’s background picture.

ACTIVITY APPEARANCE #

This section helps you set an interface for your activity.

Tick the Use background image for activity if you want to upload your picture as a background image inside the activity.

Add the image with the Browse image button. The file should be an image.

The Map activity itself also has a settings image (a gear). You can add ads there, hide, duplicate, or delete the activity.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *