Information

Author: Appian Corporation
Type: Plug-in (Component)
Support: This plug-in or utility is not supported by the author. The content is free to use with a licensed product, but it is made available as-is and Community supported.
Industry: All Industries
Compatible Version(s): 21.4
First Released: 15 Feb 2019
Last Updated: 14 Sep 2023
Cost: Free

Google Maps Component

Overview

Google Maps Component Plugin provides support for displaying interactive maps, directions, and markers in a SAIL interface.

Pre-requisites:

Appian 19.1 Google Maps API key: https://cloud.google.com/maps-platform/?apis=maps,routes,places
Appian highly recommends Domain Restricting this API key to your site's domain as UI keys are always available to the end user's browser

Key Features & Functionality

fn!googleMapsDisplayField
- Displays a map centered on a specific latitude and longitude, with an optional pre-set list of custom markers. When a user clicks on a marker, the metadata is returned via a SaveInto.
- Optionally allows the user to pan, use street view, and zoom.
fn!googleMapsDirectionsField
- Displays map directions between 2 or more points.
- It can automatically sort the waypoints to calculate the optimal route between the origin and destination. When the directions are computed, step-by-step directions, trip distance, and time are returned via a SaveInto.
- Optionally displays current traffic conditions as an overlay, and exposes route options such as avoiding highways, ferries, or tolls. Also able to display custom markers.
fn!googleMapsPinField
- Displays a map where a user can drop and reposition a marker.
- When no marker is selected a default map center position can be set and used.

Parents

Josh over 4 years ago

Any chance this component could be updated so that upon initial load, the map is auto-zoomed to the appropriate level so that the provided map markers are within view? We're trying to come up with a formula that would provide the right zoom value, but not having much success. Seems like this would be a fairly simple task by using the fitBounds method. Although a bit dated, I found a code sample on stack overflow: https://stackoverflow.com/questions/3897744/automatically-adjust-zoom-to-accommodate-all-marker-in-a-google-map
- Cancel
- Up 0 Down
- Reply
- More
- Cancel

Comment

Josh over 4 years ago

Any chance this component could be updated so that upon initial load, the map is auto-zoomed to the appropriate level so that the provided map markers are within view? We're trying to come up with a formula that would provide the right zoom value, but not having much success. Seems like this would be a fairly simple task by using the fitBounds method. Although a bit dated, I found a code sample on stack overflow: https://stackoverflow.com/questions/3897744/automatically-adjust-zoom-to-accommodate-all-marker-in-a-google-map
- Cancel
- Up 0 Down
- Reply
- More
- Cancel

Children

Andy Rahamin over 4 years ago in reply to Andy Rahamin

Hi Josh, setting the new fitBounds parameter to true will auto-zoom and auto-center the markers on the map.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Andy Rahamin over 4 years ago in reply to Josh

Hi Josh, I will look at updating the plugin and post an update soon. I had updated directions component to auto-zoom when using both directions and markers together, but it seems that the marker only component needs an update as well. Stay tuned!
- Cancel
- Up 0 Down
- Reply
- More
- Cancel