Qlik Sense - Esri Integration (Esri Extension)
2249
2
06-04-2018 11:35 PM
by
by
by
Hi,
With reference to above code, I used CDN network ESRI ArcGIS javascript 3.27, dojo and moment files, i am facing below error. While just adding Api - esri/map and Map alias, i got this error. In web browser, network all ESRI modules are downloading. Please help me to resolve this error. Currently i am using Qlik Sense Desktop - 14.54.15 (with custom objects)
Sample Code given below:
{/* <script src="/node_modules/requirejs.js"></script> */}
window.require.config({
baseUrl: "/node_modules",
async:true,
paths: {
//"esri": "https://js.arcgis.com/3.27/esri",
//"esri": "https://js.arcgis.com/3.27/esri",
},
parseOnLoad: false,
//waitSeconds: 15
});
define(["jquery", "text!./template.html", "text!./cssContent.css","qvangular", "qlik","esri/map"],
function($, template, cssContent, qv, qlik,Map) {
// define(["jquery", "text!./template.html", "text!./cssContent.css","qvangular", "qlik","esri/map","dojo/_base/array","dojo/dom","dojo/on","dojo/ready"],
// function($, template, cssContent, qv, qlik,Map, arrayUtils, dom, on) {
'use strict';
console.log("Map");
$("<style>").html(cssContent).appendTo("head");
var init = false;
return {
template : template,
initialProperties : {
qHyperCubeDef : {
qDimensions : [],
qMeasures : [],
qInitialDataFetch : [{
qWidth : 2,
qHeight : 50
}]
}
},
definition : {
/*
type: "items",
component: "accordion",
items: {
dimensions: {
uses: "dimensions",
min: 1,
max: 1
},
measures: {
uses: "measures",
min: 1,
max: 1
},
sorting: {
uses: "sorting"
},
settings: {
uses: "settings",
items : {
webmapid : {
ref : "webmapid",
type : "string",
label : "Web map ID",
defaultValue : "62e89135fcc8461bbe2ba6c7b152d14a"
//defaultValue : "891937e148e7482caef8671fdc22515b"
},
}
}
}
*/
},
support : {
snapshot: true,
export: true,
exportData : true
},
paint: function ($element,layout ) {
//paint: async function ($element,layout ) {
console.log( $element );
console.log( layout );
$element.empty();
//adding
this.backendApi.cacheCube.enabled = false;
var _this = this;
var columns = layout.qHyperCube.qSize.qcx, totalheight = layout.qHyperCube.qSize.qcy;
var pageheight = Math.floor(10000 / columns);
var numberOfPages = Math.ceil(totalheight / pageheight);
var columns = layout.qHyperCube.qSize.qcx;
var totalheight = layout.qHyperCube.qSize.qcy;
var pageheight = Math.floor(10000 / columns);
var numberOfPages = Math.ceil(totalheight / pageheight);
console.log("before promise");
var Promise = qv.getService('$q');
var promises = Array.apply(null, Array(numberOfPages)).map(function(data, index) {
var page = {
qTop: (pageheight * index) + index,
qLeft: 0,
qWidth: columns,
qHeight: pageheight
};
return this.backendApi.getData([page]);
}, this);
// Promise.all(promises).then(function(d) {
// //render(d);
// console.log("inside promises");
// });
//adding
// var app = qlik.currApp(this);
// app.clearAll();
// var map={};
//if ( !$element.html.empty ) {
//$element.empty();
$element.html( template );
//$element.appendTo( template );
//app.$element.html( app.esri.Map );
//qlik.Map($element.appendTo( template ));
//await qlik.$element.html( template );
console.log( "maploaded " );
//}
/*
Promise.resolve().then( function(d) {
map = new Map("mapDiv", {
basemap: "topo-vector",
center: [-122.45, 37.75],
zoom: 13
});
console.log( "zoom -- " + map.zoom );
});
*/
/*
console.log("before promises");
if (!init) {
return new Promise(function(resolve, reject) {
setTimeout(function() {
var map = new Map($element[0], {
basemap: "topo-vector",
center: [-122.45, 37.75],
zoom: 13
});
console.log( "zoom -- " + map.zoom );
resolve(); // Extension painted successfully
}, 1000);
});
// Mark initial setup complete
init = true;
}
*/
/*
function render(d) {
// var map;
var app = qlik.currApp();
// var map = new Map("mapDiv", {
// basemap: "topo-vector",
// center: [-122.45, 37.75],
// zoom: 13
// });
// console.log( map.zoom );
console.log( app );
}
*/
//return qlik.Promise.resolve();
},
controller : ['$scope',
function(/*$scope*/) {
}]
};
});
