Google Maps Heatmap

Stable Version 1.0.0 (OutSystems 10)
Published on 21 March 2017 by 
Created on 21 March 2017
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).

Reviews (0)
Category
Components, Mobile Plugins
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Harlin Setiadarma who created this component.
Dependencies
See all 1 dependencies
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28591
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2777
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
10076
More from Harlin Setiadarma
Google Maps Clusterer
Harlin Setiadarma
Marker Clusterer Plugin for Google Maps Component
85
Image Utils Mobile
Harlin Setiadarma
Image Utilities (Resize, Crop, Identify width & height, Get & Fix Orientation, Sharpening, Watermark) for Mobile Apps using JS Canvas. Currently only tested for Chrome browser and Android (as I don't have Mac/Safari/iPhone)
926
Image Utils Mobile Sample
Harlin Setiadarma
Sample/How-to App for Image Utils Mobile. Take picture from camera or upload from your phone gallery. Please use Outsystems Now on your mobile phone to preview.
288