Qlik Community

QlikView Extensions

Discussion Board for collaboration on QlikView Extensions.

Save the Date: QlikWorld Online, June 24-25, 2020. Free global virtual event for data integration and data analytic gurus. Register Today
New Contributor III

QV 11 + maps.googleapis.com (heatmaps)

Hello experts!

I'm trying to implement a heat map in QV11 using Google api. As in the example Heatmaps  |  Maps JavaScript API       |  Google Developers.

My example in jsfiddle.net (I removed some navigation controls):


I made the file so Script.js (I shortened the function record for clarity):

function geoHeat_Example_Init()


//this.Element.innerHTML = <div id='map'></div>;

Qva.LoadCSS("C:\Users\MyName\AppData\Local\QlikTech\QlikView\Extensions\Objects\HeatMapTest\Style.css", function() {

    Qva.LoadScript("https://maps.googleapis.com/maps/api/js?key= my API key &libraries=visualization&callback=initMap", geoHeat_Example_Done)



function geoHeat_Example_Done()


//this.Element.innerHTML = <div id='map'></div>;


function ()


//this.Element.innerHTML = "<div id='map'></div>";

var map, heatmap;

function initMap() {}

function toggleHeatmap() {}

function changeGradient() {}

function changeRadius() {}

function changeOpacity() {}

function getPoints() {}


}, false);



I get an error: "object doesn't support this property or method "createElement"".

Please, tell me where to place the creation of the block <div id='map'></div> and connect the script "https://maps.googleapis.com/maps/api/js?key= my API key &libraries=visualization&callback=initMap" correctly?