QV 11 + maps.googleapis.com (heatmaps)

vtatarnikov — Mon, 26 Jan 2026 16:26:21 GMT

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>;

Qv.AddExtension("HeatMapTest",

function ()

{

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

var map, heatmap;

function initMap() {}

function toggleHeatmap() {}

function changeGradient() {}

function changeRadius() {}

function changeOpacity() {}

function getPoints() {}

}, false);

}

geoHeat_Example_Init();

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?

topic QV 11 + maps.googleapis.com (heatmaps) in QlikView

QV 11 + maps.googleapis.com (heatmaps)