QV 11 + maps.googleapis.com (heatmaps)

[vtatarnikov]

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?