Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Join us to spark ideas for how to put the latest capabilities into action. Register here!
cancel
Showing results for 
Search instead for 
Did you mean: 
vtatarnikov
Creator
Creator

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):

111.png

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?

0 Replies