Google Maps Heatmap - Custom Widget

[intapiuser]

Disclaimer: This is the community solution that doesn't go through a proper testing and support cycle and is not officially supported.

In recent times JS libraries markerclusterer.js and infobox.js used for this plugin development are not present on a google code repository (https://code.google.com/archive/p/google-maps-utility-library-v3/). Before using, please consider changing the plugin code to replace both libraries with local library files (which can be downloaded and placed in the plugin folder) or update to use valid and tested online links.

Download: Google Maps Heatmap

We can create google maps heat map using the plugin api.

1. Extract the folder in the attached zip file into \...\Sisense\PrismWeb\plugins (if the plugins folder does not exist, create it). If you are using version 7.2 and higher unzip the contents into your C:\Program Files\Sisense\app\plugins\ folder.
2. create a new widget and add latitude, longitude, and measure columns. it must be in this order, where lat and lng are the first two columns and the last one is the measure, it is possible to add more dimension columns between them, the additional dimensions will be presented in the tooltip of the markers, but the calculations will be executed according to the measure in the last column.
3. press the google maps icon.

Notes:

The code attached using experimental google maps api key, it has limited number of requests allowed per day, more information can be found here.

$.ajax({
    type: "GET",
    url: 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&callback=onGoogleMapLoaded',
    dataType: "script",
    cache: true
});

• The plugin.json file is used to get all the necessary files that we need for the plugin
• The widget.js implement the necessary methods to render the map
• The css file is used to design the tooltip of the marker clusters

IMPORTANT:

When SSL (HTTPS) is implemented over your Sisense site, you will need to change the following URLs in widget.js from http to https:

$.getScript('https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclustererplus/src/markerclusterer.js';, function(data, textStatus) {
$.getScript('https://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js';, function(data, textStatus) {