NetworkVis: d3s_examples/python-neo4jrestclient/static/platin/js/Map/MapGui.js annotate

annotate d3s_examples/python-neo4jrestclient/static/platin/js/Map/MapGui.js @ 8:18ef6948d689

new d3s examples

author	Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de>
date	Thu, 01 Oct 2015 17:17:27 +0200
parents
children

rev	line source
8 18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1 /*
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	2 * MapGui.js
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	3 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	4 * Copyright (c) 2012, Stefan Jänicke. All rights reserved.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	5 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	6 * This library is free software; you can redistribute it and/or
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	7 * modify it under the terms of the GNU Lesser General Public
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	8 * License as published by the Free Software Foundation; either
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	9 * version 3 of the License, or (at your option) any later version.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	10 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	11 * This library is distributed in the hope that it will be useful,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	14 * Lesser General Public License for more details.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	15 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	16 * You should have received a copy of the GNU Lesser General Public
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	17 * License along with this library; if not, write to the Free Software
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	18 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	19 * MA 02110-1301 USA
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	20 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	21
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	22 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	23 * @class MapGui
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	24 * Map GUI Implementation
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	25 * @author Stefan Jänicke (stjaenicke@informatik.uni-leipzig.de)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	26 * @release 1.0
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	27 * @release date: 2012-07-27
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	28 * @version date: 2012-07-27
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	29 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	30 * @param {MapWidget} parent map widget object
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	31 * @param {HTML object} div parent div to append the map gui
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	32 * @param {JSON} options map configuration
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	33 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	34 function MapGui(map, div, options, iid) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	35
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	36 this.map = map;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	37
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	38 this.container = div;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	39 if (options.mapWidth) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	40 this.container.style.width = options.mapWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	41 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	42 if (options.mapHeight) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	43 this.container.style.height = options.mapHeight;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	44 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	45 this.container.style.position = 'relative';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	46
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	47 this.mapWindow = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	48 this.mapWindow.setAttribute('class', 'mapWindow');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	49 this.mapWindow.id = "mapWindow"+iid;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	50 this.mapWindow.style.background = options.mapBackground;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	51 this.container.appendChild(this.mapWindow);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	52
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	53 this.mapContainer = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	54 this.mapContainer.setAttribute('class', 'mapContainer');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	55 this.mapContainer.id = "mapContainer"+iid;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	56 this.mapContainer.style.position = "absolute";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	57 this.mapContainer.style.zIndex = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	58 this.mapWindow.appendChild(this.mapContainer);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	59
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	60 var toolbarTable = document.createElement("table");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	61 toolbarTable.setAttribute('class', 'absoluteToolbar ddbToolbar');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	62 this.container.appendChild(toolbarTable);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	63 this.mapToolbar = toolbarTable;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	64
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	65 var titles = document.createElement("tr");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	66 toolbarTable.appendChild(titles);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	67 var tools = document.createElement("tr");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	68 toolbarTable.appendChild(tools);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	69
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	70 if (options.mapSelection) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	71 this.mapTypeTitle = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	72 titles.appendChild(this.mapTypeTitle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	73 this.mapTypeTitle.innerHTML = GeoTemConfig.getString('mapType');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	74 this.mapTypeSelector = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	75 tools.appendChild(this.mapTypeSelector);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	76 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	77
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	78 if (options.mapSelectionTools) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	79 this.mapSelectorTitle = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	80 titles.appendChild(this.mapSelectorTitle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	81 this.mapSelectorTitle.innerHTML = GeoTemConfig.getString('mapSelectorTools');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	82 var mapSelectorTools = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	83 var selectorTools = this.map.initSelectorTools();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	84 for (var i in selectorTools ) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	85 mapSelectorTools.appendChild(selectorTools[i].button);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	86 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	87 tools.appendChild(mapSelectorTools);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	88 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	89
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	90 if (options.binningSelection) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	91 this.binningTitle = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	92 titles.appendChild(this.binningTitle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	93 this.binningTitle.innerHTML = GeoTemConfig.getString('binningType');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	94 this.binningSelector = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	95 tools.appendChild(this.binningSelector);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	96 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	97
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	98 if (GeoTemConfig.allowFilter) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	99 this.filterTitle = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	100 titles.appendChild(this.filterTitle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	101 this.filterTitle.innerHTML = GeoTemConfig.getString('filter');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	102 this.filterOptions = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	103 tools.appendChild(this.filterOptions);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	104 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	105
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	106 if (options.dataInformation) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	107 this.infoTitle = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	108 this.infoTitle.innerHTML = options.mapTitle;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	109 titles.appendChild(this.infoTitle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	110 var mapSum = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	111 this.mapElements = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	112 this.mapElements.setAttribute('class', 'ddbElementsCount');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	113 mapSum.appendChild(this.mapElements);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	114 tools.appendChild(mapSum);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	115 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	116
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	117 this.lockTitle = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	118 titles.appendChild(this.lockTitle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	119 this.lockIcon = document.createElement("td");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	120 var lockButton = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	121 $(lockButton).addClass('mapControl');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	122 var activateLock = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	123 map.navigation.deactivate();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	124 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	125 var deactivateLock = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	126 map.navigation.activate();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	127 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	128 var lockMapControl = new MapControl(this.map, lockButton, 'lock', activateLock, deactivateLock);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	129 tools.appendChild(lockMapControl.button);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	130
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	131
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	132 var gui = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	133 if (navigator.geolocation && options.geoLocation) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	134 this.geoActive = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	135 this.geoLocation = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	136 this.geoLocation.setAttribute('class', 'geoLocationOff');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	137 this.geoLocation.title = GeoTemConfig.getString('activateGeoLocation');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	138 this.container.appendChild(this.geoLocation);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	139 this.geoLocation.style.left = "20px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	140 this.geoLocation.onclick = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	141 var changeStyle = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	142 if (gui.geoActive) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	143 gui.geoLocation.setAttribute('class', 'geoLocationOn');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	144 gui.geoLocation.title = GeoTemConfig.getString(GeoTemConfig.language, 'deactivateGeoLocation');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	145 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	146 gui.geoLocation.setAttribute('class', 'geoLocationOff');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	147 gui.geoLocation.title = GeoTemConfig.getString(GeoTemConfig.language, 'activateGeoLocation');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	148 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	149 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	150 if (!gui.geoActive) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	151 if ( typeof gui.longitude == 'undefined') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	152 navigator.geolocation.getCurrentPosition(function(position) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	153 gui.longitude = position.coords.longitude;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	154 gui.latitude = position.coords.latitude;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	155 gui.map.setMarker(gui.longitude, gui.latitude);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	156 gui.geoActive = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	157 changeStyle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	158 }, function(msg) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	159 console.log( typeof msg == 'string' ? msg : "error");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	160 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	161 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	162 gui.map.setMarker(gui.longitude, gui.latitude);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	163 gui.geoActive = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	164 changeStyle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	165 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	166 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	167 gui.map.removeMarker();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	168 gui.geoActive = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	169 changeStyle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	170 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	171 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	172 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	173
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	174 if (!options.olNavigation) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	175 this.map.zoomSlider = new MapZoomSlider(this.map, "vertical");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	176 this.container.appendChild(this.map.zoomSlider.div);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	177 this.map.zoomSlider.div.style.left = "20px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	178 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	179
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	180 if (options.resetMap) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	181 this.homeButton = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	182 this.homeButton.setAttribute('class', 'mapHome');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	183 this.homeButton.title = GeoTemConfig.getString('home');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	184 this.container.appendChild(this.homeButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	185 this.homeButton.style.left = "20px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	186 this.homeButton.onclick = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	187 if (map.mds.getAllObjects() == null){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	188 map.openlayersMap.setCenter(new OpenLayers.LonLat(0, 0));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	189 map.openlayersMap.zoomTo(0);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	190 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	191 gui.map.drawObjectLayer(true);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	192 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	193 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	194
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	195 if (options.legend) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	196 this.legendDiv = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	197 this.legendDiv.setAttribute('class', 'mapLegend');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	198 this.mapWindow.appendChild(this.legendDiv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	199 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	200
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	201 var linkForOsm = 'http://www.openstreetmap.org/';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	202 var linkForLicense = 'http://creativecommons.org/licenses/by-sa/2.0/';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	203 this.osmLink = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	204 this.osmLink.setAttribute('class', 'osmLink');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	205 this.osmLink.innerHTML = '(c) <a href=' + linkForOsm + '>OpenStreetMap contributors</a>, <a href=' + linkForLicense + '>CC-BY-SA</a>';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	206 this.mapWindow.appendChild(this.osmLink);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	207 this.osmMapQuestLink = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	208 this.osmMapQuestLink.setAttribute('class', 'osmLink');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	209 this.osmMapQuestLink.innerHTML = '(c) Data, imagery and map information provided by MapQuest <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png"> <a href=' + linkForOsm + '>OpenStreetMap contributors</a>, <a href=' + linkForLicense + '>CC-BY-SA</a>';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	210 this.mapWindow.appendChild(this.osmMapQuestLink);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	211
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	212 // var tooltip = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	213 // tooltip.setAttribute('class','ddbTooltip');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	214 // toolbarTable.appendChild(tooltip);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	215
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	216 // var tooltip = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	217 // tooltip.setAttribute('class','ddbTooltip');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	218 // toolbarTable.appendChild(tooltip);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	219 //
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	220 // tooltip.onmouseover = function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	221 // /*
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	222 // Publisher.Publish('TooltipContent', {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	223 // content: GeoTemConfig.getString(GeoTemConfig.language,'timeHelp'),
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	224 // target: $(tooltip)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	225 // });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	226 // */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	227 // }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	228 // tooltip.onmouseout = function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	229 // // Publisher.Publish('TooltipContent');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	230 // }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	231 // //vhz tooltip on click should open a help file if defined in GeoTemConfig
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	232 // if(GeoTemConfig.helpURL) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	233 // tooltip.onclick = function () {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	234 //
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	235 // }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	236 // }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	237
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	238 // }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	239 // tooltip.onmouseout = function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	240 // Publisher.Publish('TooltipContent');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	241 // }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	242
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	243 this.resize = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	244 var w = this.container.offsetWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	245 var h = this.container.offsetHeight;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	246 // this.mapWindow.style.width = w + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	247 this.mapWindow.style.height = h + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	248 // this.mapContainer.style.width = w + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	249 this.mapContainer.style.height = h + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	250 var top = toolbarTable.offsetHeight + 20;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	251 if (options.olLayerSwitcher) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	252 var switcherDiv = $('.olControlLayerSwitcher')[0];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	253 $(switcherDiv).css('top', top + "px");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	254 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	255 if ( typeof this.geoLocation != "undefined") {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	256 this.geoLocation.style.top = top + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	257 top += this.geoLocation.offsetHeight + 4;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	258 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	259 if (options.olNavigation) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	260 var panZoomBar = $('.olControlPanZoom')[0];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	261 $(panZoomBar).css('top', top + 'px');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	262 $(panZoomBar).css('left', '12px');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	263 var zoomOut = document.getElementById('OpenLayers.Control.PanZoom_23_zoomout');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	264 top += $(zoomOut).height() + $(zoomOut).position().top + 4;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	265 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	266 this.map.zoomSlider.div.style.top = top + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	267 top += this.map.zoomSlider.div.offsetHeight + 2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	268 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	269 if (options.resetMap) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	270 this.homeButton.style.top = top + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	271 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	272 this.headerHeight = toolbarTable.offsetHeight;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	273 this.headerWidth = toolbarTable.offsetWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	274 this.map.openlayersMap.updateSize();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	275 this.map.drawObjectLayer(true);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	276 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	277
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	278 this.updateLegend = function(datasets){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	279 $(this.legendDiv).empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	280 var table = $('<table style="margin:10px"/>').appendTo(this.legendDiv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	281 for( var i=0; i<datasets.length; i++ ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	282 var row = $('<tr/>').appendTo(table);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	283 if( options.useGraphics ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	284 var graphic = map.config.getGraphic(i);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	285 var fill = 'rgb(' + graphic.color.r0 + ',' + graphic.color.g0 + ',' + graphic.color.b0 + ')';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	286 var stroke = 'rgb(' + graphic.color.r1 + ',' + graphic.color.g1 + ',' + graphic.color.b1 + ')';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	287 var rot = graphic.rotation;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	288 var svg;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	289 if( graphic.shape == 'circle' ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	290 svg = '<svg style="width:20px;height:20px;"><circle cx="10" cy="10" r="7" stroke="'+stroke+'" stroke-width="2" fill="'+fill+'"/></svg>';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	291 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	292 else if( graphic.shape == 'square' ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	293 svg = '<svg style="width:20px;height:20px;"><polygon points="4,4 16,4 16,16 4,16" style="fill:'+fill+';stroke:'+stroke+';stroke-width:2" transform="rotate('+rot+' 10,10)"/></svg>';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	294 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	295 else if( graphic.shape == 'triangle' ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	296 svg = '<svg style="width:20px;height:20px;"><polygon points="3,17 17,17 10,5" style="fill:'+fill+';stroke:'+stroke+';stroke-width:2" transform="rotate('+rot+' 10,10)"/></svg>';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	297 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	298 $('<td>'+svg+'</td>').appendTo(row);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	299 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	300 else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	301 var c = GeoTemConfig.getColor(i);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	302 var fill = 'rgb(' + c.r0 + ',' + c.g0 + ',' + c.b0 + ')';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	303 var stroke = 'rgb(' + c.r1 + ',' + c.g1 + ',' + c.b1 + ')';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	304 var svg = '<svg style="width:20px;height:20px;"><circle cx="10" cy="10" r="7" stroke="'+stroke+'" stroke-width="2" fill="'+fill+'"/></svg>';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	305 $('<td>'+svg+'</td>').appendTo(row);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	306 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	307 $('<td>'+datasets[i].label+'</td>').appendTo(row);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	308 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	309 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	310
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	311 this.updateSpaceQuantity = function(count) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	312 if (!options.dataInformation) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	313 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	314 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	315 this.mapCount = count;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	316 if (count != 1) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	317 this.mapElements.innerHTML = this.beautifyCount(count) + " " + GeoTemConfig.getString('results');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	318 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	319 this.mapElements.innerHTML = this.beautifyCount(count) + " " + GeoTemConfig.getString('result');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	320 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	321 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	322
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	323 this.setMapsDropdown = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	324 if (!options.mapSelection) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	325 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	326 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	327 $(this.mapTypeSelector).empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	328 var maps = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	329 var gui = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	330 var addMap = function(name, index) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	331 var setMap = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	332 gui.map.setMap(index);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	333 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	334 maps.push({
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	335 name : name,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	336 onclick : setMap
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	337 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	338 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	339 for (var i = 0; i < this.map.baseLayers.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	340 addMap(this.map.baseLayers[i].name, i);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	341 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	342 this.mapTypeDropdown = new Dropdown(this.mapTypeSelector, maps, GeoTemConfig.getString('selectMapType'));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	343 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	344
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	345 this.setMap = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	346 if (options.mapSelection) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	347 this.mapTypeDropdown.setEntry(this.map.baselayerIndex);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	348 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	349 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	350
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	351 this.setBinningDropdown = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	352 if (!options.binningSelection) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	353 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	354 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	355 $(this.binningSelector).empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	356 var binnings = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	357 var gui = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	358 var index = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	359 var entry;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	360 var addBinning = function(name, id) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	361 if (options.binning == id) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	362 entry = index;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	363 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	364 index++;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	365 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	366 var setBinning = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	367 options.binning = id;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	368 gui.map.initWidget(gui.map.datasets, false);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	369 gui.map.riseLayer();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	370 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	371 binnings.push({
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	372 name : name,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	373 onclick : setBinning
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	374 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	375 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	376 addBinning(GeoTemConfig.getString('genericBinning'), 'generic');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	377 addBinning(GeoTemConfig.getString('squareBinning'), 'square');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	378 addBinning(GeoTemConfig.getString('hexagonalBinning'), 'hexagonal');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	379 addBinning(GeoTemConfig.getString('triangularBinning'), 'triangular');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	380 addBinning(GeoTemConfig.getString('noBinning'), false);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	381 var binningDropdown = new Dropdown(this.binningSelector, binnings, GeoTemConfig.getString('binningTooltip'));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	382 binningDropdown.setEntry(entry);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	383 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	384 this.setBinningDropdown();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	385
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	386 this.beautifyCount = function(count) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	387 var c = count + '';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	388 var p = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	389 var l = c.length;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	390 while (l - p > 3) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	391 p += 3;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	392 c = c.substring(0, l - p) + "." + c.substring(l - p);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	393 p++;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	394 l++;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	395 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	396 return c;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	397 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	398
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	399 };