/**********************************************************************
htmlgui_api.js
$Comment: provides api functions to HTML pages, that embed ixmaps maps
$Source : htmlgui_api.js,v $
$InitialAuthor: guenter richter $
$InitialDate: 2011/10/29 $
$Author: guenter richter $
$Id: htmlgui_api.js 1 2011-10-29 10:51:41Z Guenter Richter $map
Copyright (c) Guenter Richter
$Log: htmlgui_api.js,v $
**********************************************************************/
/**
* @fileoverview This file provides iXmaps interface functions for HTML Pages that embed ixmaps maps
* @example
*
* 1. mode: embed the map by a dedicated frame and adress by the frame (and map) id
*
*
*
*
*
* ...
* ";
// GR 08.09.2019 adapt the created frame on window resize
window.onresize = function(event) {
var newWidth = window.innerWidth;
var newHeight = window.innerHeight;
window.document.getElementById(szName).style.setProperty("width",String(newWidth)+"px");
window.document.getElementById(szName).style.setProperty("height",String(newHeight-5)+"px");
};
}
if ( callback ) {
ixmaps.waitForMap(szName,callback);
}else{
ixmaps.waitForMap(szName,
function(map) {
if (map ){
resolve(map);
}else{
reject("error");
}
}
);
}
//});
}
ixmaps.embed = function(szTargetDiv,opt,callback){
//return new Promise(function(resolve, reject){
var iFrame = null;
var target = window.document.getElementById(szTargetDiv);
var szName = encodeURIComponent(opt.mapName || opt.name || "map" + String(Math.random()).split(".")[1]);
var szBasemap = encodeURIComponent(opt.mapService || opt.basemap || "leaflet");
var szMapType = encodeURIComponent(opt.mapType || opt.maptype || "CartoDB - Positron");
// make sure than a map name exists only once
while ( ixmaps.embeddedApiA[szName] ){
szName += "1";
}
// register map name to parent api
ixmaps.szMap = szName;
ixmaps.registerMe();
// register map name
ixmaps.embeddedApiA[szName] = {};
var szUrl = "";
if ( opt.story ) {
szUrl = "/ui/dispatch.htm?ui=story&basemap="+szBasemap+"&maptype="+szMapType+"&name="+szName+"&story="+opt.story;
}else if ( opt.mapStory ) {
szUrl = "/ui/dispatch.htm?ui=story&basemap="+szBasemap+"&maptype="+szMapType+"&name="+szName+"&story="+opt.mapStory;
}else{
szUrl = "/ui/dispatch.htm?ui=embed&basemap="+szBasemap+"&maptype="+szMapType+"&name="+szName;
}
var scripts = window.document.scripts;
console.log("scripts --->:");
console.log(scripts);
for ( a in scripts ){
console.log(scripts[a].src);
if ( scripts[a].src && scripts[a].src.match(/htmlgui_api/)){
console.log("got it");
opt.mapCdn = scripts[a].src.split("/ui")[0];
console.log(opt.mapCdn);
}
}
if ( opt.mapCdn ){
szUrl = opt.mapCdn+szUrl;
}else{
szUrl = "../.."+szUrl;
}
if ( opt.map ){
szUrl += "&svggis="+opt.map;
}
if ( opt.mapUrl ){
szUrl += "&svggis="+opt.mapUrl;
}
if ( opt.mapSVG ){
szUrl += "&svggis="+opt.mapSVG;
}
if ( opt.search ){
szUrl += "&search="+opt.search;
}
if ( opt.align ){
szUrl += "&align="+opt.align;
}
if ( opt.layout ){
szUrl += "&layout="+opt.layout;
}
if ( opt.legend ){
szUrl += "&legend="+opt.legend;
if (String(opt.legend).match(/top|bottom|left|right|center/) && !opt.align){
szUrl += "&align="+opt.legend;
}
}
if ( opt.themeLegend ){
szUrl += "&themelegend="+opt.themeLegend;
}
if ( opt.item ){
szUrl += "&item="+opt.item;
}
if ( opt.mode ){
szUrl += "&mode="+opt.mode;
}
if ( opt.scrollsafe ){
szUrl += "&scrollsafe="+(opt.scrollsafe?"1":"0");
}
if ( opt.scrollsafesilent ){
szUrl += "&scrollsafesilent="+(opt.scrollsafesilent?"1":"0");
}
if ( opt.tools ){
szUrl += "&tools="+(opt.tools?"1":"0");
}
if ( opt.footer ){
szUrl += "&footer="+(opt.footer?"1":"0");
}
if ( opt.silent ){
szUrl += "&silent="+(opt.silent?"1":"0");
}
if ( opt.mapControl ){
for ( o in opt.mapControl ) {
szUrl += "&"+o+'='+opt.mapControl[o];
}
}
if ( opt.mapOpt ){
for ( o in opt.mapOpt ) {
szUrl += "&"+o+'='+opt.mapOpt[o];
}
}
if ( opt.project ){
szUrl += "&project="+opt.project;
}
if ( opt.about ){
szUrl += "&about="+opt.about;
}
var szHeight = opt.height || "640px";
var szWidth = opt.width || "100%";
if ( callback ) {
ixmaps.waitForMap(szName,callback);
}else{
ixmaps.waitForMap(szName,
function(map) {
if (map ){
resolve(map);
}else{
reject("error");
}
}
);
}
if ( target ){
if ( target.style.width && target.style.height ){
target.innerHTML = "";
}else{
target.innerHTML = "";
}
target.setAttributeNS(null,"id",szName+"_target");
// GR 08.09.2019 adapt the created frame on window resize
window.onresize = function(event) {
var newHeight = window.innerHeight;
window.document.getElementById(szName).style.setProperty("height",String(newHeight-5)+"px");
};
}else{
target = document.createElement('div');
target.style = "width:"+szWidth+";height:"+szHeight+";";
target.id = szTargetDiv;
iFrame = document.createElement('iframe');
iFrame.id = szName;
iFrame.style = "border:0;width:100%;height:100%";
iFrame.src = szUrl;
target.append(iFrame);
}
// GR 08.09.2019 adapt the created frame on window resize
if (!opt.height){
window.onresize = function(event) {
var newHeight = window.innerHeight;
window.document.getElementById(szName).style.setProperty("height",String(newHeight-15)+"px");
};
setTimeout("window.dispatchEvent(new Event('resize'))",100);
}
return target;
//});
}
ixmaps.getGeoFields = function(data){
var fields = data.columnNames();
var lat = null;
var lon = null;
for (var i in fields) {
if (fields[i].match(/latitud/i) || (fields[i] == "lat") || (fields[i] == "LAT") || (fields[i] == "Y") || (fields[i] == "y")) {
lat = fields[i];
}
if (fields[i].match(/longitud/i) || (fields[i] == "lon") || (fields[i] == "long") || (fields[i] == "lng") || (fields[i] == "LON") || (fields[i] == "LNG") || (fields[i] == "X")|| (fields[i] == "x")) {
lon = fields[i];
}
}
if ( lat && lon ){
return lat + "|" + lon;
}
return null;
};
}( window.ixmaps = window.ixmaps || {} ));
// .............................................................................
// EOF
// .............................................................................