google-maps-heatmap
Web icon

Google Maps Heatmap

Stable version 1.1.3 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded
 on 30 March 2017
 by 
4.8
 (4 ratings)
google-maps-heatmap

Google Maps Heatmap

Details
Heatmap Plugin for Google Maps Component
Read more

Heatmap Plugin for Google Map Component


Require Google Map Component...

Use Case: Showing heatmap on Google Map Component


How to use it:

1. Add dependency: Google Map and Google Map Heatmap

2. Add usual Map from Google Map Component, set desired center lat/long, zoom, and MapOptions

3. Add GMaps_Heatmap_Flow\GoogleMap_Heatmap_Plugin webblock below the Map webblock

4. Assign input parameter: MapId

5. Assign input parameter: Radius (integer value e.g. 10) <blank=default radius>

6. Assign input parameter: Opacity (decimal value e.g. 0.8) <blank=100% opacity>

7. Assign input parameter: GradientColor (possible choice: blank [default] or "red/blue")

8. In Preparation Logic of your screen, query your data using aggregate, loop data and ListAppend HeatmapPoints, after that use SetHeatmapData logic with HeadmapPoints as input parameter. (see included sample module)

9. Go to Service Center > Factory > eSpaces > Google_Maps > Site Properties > APILibraries

10. Set APILibraries Effective Value to: visualization (click Apply)


For more details, look at Heatmap_Sample module (included).

Release notes (1.1.3)

SetHeatmapData Logic: add sanity check for empty lat long.

Reviews (1)
by 
2022-11-03
in version 1.1.3
awesome asset
Team
Other assets in this category