mirror of
https://github.com/grafana/grafana.git
synced 2025-02-15 10:03:33 -06:00
removed map2panel
This commit is contained in:
Rashid Khan
parent
569df6c88f
commit
9cf6a524df
@ -1,92 +0,0 @@
|
|||||||
/**
|
|
||||||
* Hexagonal binning
|
|
||||||
* Rendered as normally projected svg paths, which mean they *do not*
|
|
||||||
* clip on spheres appropriately. To fix this, we would need to translate
|
|
||||||
* the svg path into a geo-path
|
|
||||||
*/
|
|
||||||
function displayBinning(scope, dr, dimensions) {
|
|
||||||
|
|
||||||
var hexbin = d3.hexbin()
|
|
||||||
.size(dimensions)
|
|
||||||
.radius(scope.panel.display.binning.hexagonSize);
|
|
||||||
|
|
||||||
|
|
||||||
var binPoints = [],
|
|
||||||
binnedPoints = [],
|
|
||||||
binRange = 0;
|
|
||||||
|
|
||||||
|
|
||||||
if (scope.panel.display.binning.enabled) {
|
|
||||||
/**
|
|
||||||
* primary field is just binning raw counts
|
|
||||||
*
|
|
||||||
* Secondary field is binning some metric like mean/median/total. Hexbins doesn't support that,
|
|
||||||
* so we cheat a little and just add more points to compensate.
|
|
||||||
* However, we don't want to add a million points, so normalize against the largest value
|
|
||||||
*/
|
|
||||||
if (scope.panel.display.binning.areaEncodingField === 'secondary') {
|
|
||||||
var max = Math.max.apply(Math, _.map(scope.data, function(k,v){return k;})),
|
|
||||||
scale = 50/max;
|
|
||||||
|
|
||||||
_.map(scope.data, function (k, v) {
|
|
||||||
var decoded = geohash.decode(v);
|
|
||||||
return _.map(_.range(0, k*scale), function(a,b) {
|
|
||||||
binPoints.push(dr.projection([decoded.longitude, decoded.latitude]));
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
} else {
|
|
||||||
binPoints = dr.projectedPoints;
|
|
||||||
}
|
|
||||||
|
|
||||||
//bin and sort the points, so we can set the various ranges appropriately
|
|
||||||
binnedPoints = hexbin(binPoints).sort(function(a, b) { return b.length - a.length; });
|
|
||||||
binRange = binnedPoints[0].length;
|
|
||||||
|
|
||||||
//clean up some memory
|
|
||||||
binPoints = [];
|
|
||||||
} else {
|
|
||||||
|
|
||||||
//not enabled, so just set an empty array. D3.exit will take care of the rest
|
|
||||||
binnedPoints = [];
|
|
||||||
binRange = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var radius = d3.scale.sqrt()
|
|
||||||
.domain([0, binRange])
|
|
||||||
.range([0, scope.panel.display.binning.hexagonSize]);
|
|
||||||
|
|
||||||
var color = d3.scale.linear()
|
|
||||||
.domain([0,binRange])
|
|
||||||
.range(["white", "steelblue"])
|
|
||||||
.interpolate(d3.interpolateLab);
|
|
||||||
|
|
||||||
|
|
||||||
var hex = dr.g.selectAll(".hexagon")
|
|
||||||
.data(binnedPoints);
|
|
||||||
|
|
||||||
hex.enter().append("path")
|
|
||||||
.attr("d", function (d) {
|
|
||||||
if (scope.panel.display.binning.areaEncoding === false) {
|
|
||||||
return hexbin.hexagon();
|
|
||||||
} else {
|
|
||||||
return hexbin.hexagon(radius(d.length));
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.attr("class", "hexagon")
|
|
||||||
.attr("transform", function (d) {
|
|
||||||
return "translate(" + d.x + "," + d.y + ")";
|
|
||||||
})
|
|
||||||
.style("fill", function (d) {
|
|
||||||
if (scope.panel.display.binning.colorEncoding === false) {
|
|
||||||
return color(binnedPoints[0].length / 2);
|
|
||||||
} else {
|
|
||||||
return color(d.length);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.attr("opacity", scope.panel.display.binning.hexagonAlpha);
|
|
||||||
|
|
||||||
hex.exit().remove();
|
|
||||||
}
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
/**
|
|
||||||
* Renders bullseyes as geo-json poly gon entities
|
|
||||||
* Allows for them to clip on spheres correctly
|
|
||||||
*/
|
|
||||||
function displayBullseye(scope, dr) {
|
|
||||||
|
|
||||||
var degrees = 180 / Math.PI
|
|
||||||
var circle = d3.geo.circle();
|
|
||||||
var data = [];
|
|
||||||
|
|
||||||
if (scope.panel.display.bullseye.enabled) {
|
|
||||||
data = [
|
|
||||||
circle.origin(parseFloat(scope.panel.display.bullseye.coord.lat), parseFloat(scope.panel.display.bullseye.coord.lon)).angle(1000 / 6371 * degrees)()
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
var arcs = dr.g.selectAll(".arc")
|
|
||||||
.data(data);
|
|
||||||
|
|
||||||
arcs.enter().append("path")
|
|
||||||
|
|
||||||
.attr("d", dr.path)
|
|
||||||
.attr("class", "arc");
|
|
||||||
|
|
||||||
arcs.exit().remove();
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
/**
|
|
||||||
* Renders geopoints as geo-json poly gon entities
|
|
||||||
* Allows for them to clip on spheres correctly
|
|
||||||
*/
|
|
||||||
function displayGeopoints(scope, dr) {
|
|
||||||
|
|
||||||
var points = [];
|
|
||||||
var circle = d3.geo.circle();
|
|
||||||
var degrees = 180 / Math.PI
|
|
||||||
|
|
||||||
if (scope.panel.display.geopoints.enabled) {
|
|
||||||
//points = dr.points;
|
|
||||||
|
|
||||||
points = _.map(dr.points, function(v) {
|
|
||||||
return {
|
|
||||||
type: "Point",
|
|
||||||
coordinates: [v[0], v[1]]
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
dr.geopoints = dr.g.selectAll("path.geopoint")
|
|
||||||
.data(points);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
dr.geopoints.enter().append("path")
|
|
||||||
/*
|
|
||||||
.datum(function(d) {
|
|
||||||
return circle.origin([d[0], d[1]]).angle(scope.panel.display.geopoints.pointSize / 6371 * degrees)();
|
|
||||||
})
|
|
||||||
*/
|
|
||||||
.attr("class", "geopoint")
|
|
||||||
.attr("d", dr.path);
|
|
||||||
|
|
||||||
dr.geopoints.exit().remove();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,287 +0,0 @@
|
|||||||
<style>
|
|
||||||
.tabDetails {
|
|
||||||
border-bottom: 1px solid #ddd;
|
|
||||||
padding-bottom:20px;
|
|
||||||
}
|
|
||||||
.tabDetails td {
|
|
||||||
padding-right: 10px;
|
|
||||||
padding-bottom:10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<div ng-controller="map2">
|
|
||||||
<div class="row-fluid" style="margin-bottom:20px">
|
|
||||||
<div class="span11">
|
|
||||||
The map panel is compatible with either Geopoints or two-letter country codes, depending on the graphing options. Left click to drag/pan map, scroll wheel (or double click) to zoom. Globes can be spun using ctrl-key + drag.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div class="span10">
|
|
||||||
<form class="form-horizontal">
|
|
||||||
<div class="control-group">
|
|
||||||
<label class="control-label" for="panelfield">Primary Field</label>
|
|
||||||
<div class="controls">
|
|
||||||
<input type="text" id="panelfield" class="input"
|
|
||||||
ng-model="panel.field"
|
|
||||||
ng-change="get_data()" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="control-group">
|
|
||||||
<label class="control-label" for="panelsecondaryfield">Secondary Field</label>
|
|
||||||
<div class="controls">
|
|
||||||
<input type="text" id="panelsecondaryfield" class="input"
|
|
||||||
ng-model="panel.secondaryfield"
|
|
||||||
ng-change="get_data()"
|
|
||||||
data-placement="right"
|
|
||||||
placeholder="Optional"
|
|
||||||
bs-tooltip="'Allows aggregating on Primary field, while counting stats on a secondary (e.g. Group By user_id, Sum(purchase_price)).'" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="control-group">
|
|
||||||
<label class="control-label" for="panelquery">Query</label>
|
|
||||||
<div class="controls">
|
|
||||||
<input type="text" id="panelquery" class="input" ng-model="panel.query">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div class="span11">
|
|
||||||
<h4>Display Options</h4>
|
|
||||||
</div>
|
|
||||||
<!--
|
|
||||||
Rolling our own tab control here because the Angular-Strap Tab directive doesn't allow
|
|
||||||
updates to components inside, which is quite bizarre. Or I just can't figure it out...
|
|
||||||
-->
|
|
||||||
|
|
||||||
<div class="span11">
|
|
||||||
<ul class="nav nav-tabs" ng-cloak="">
|
|
||||||
<li ng-repeat="tab in ['Geopoints', 'Binning', 'Choropleth', 'Bullseye', 'Data']" ng-class="{active:isActive(tab)}">
|
|
||||||
<a ng-click="tabClick(tab)">{{tab}}</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row-fluid tabDetails" ng-show="isActive('geopoints')">
|
|
||||||
<div class="span8 offset1">
|
|
||||||
<table>
|
|
||||||
<tbody >
|
|
||||||
<tr>
|
|
||||||
<td>Geopoints</td>
|
|
||||||
<td>
|
|
||||||
<button type="button" class="btn" bs-button
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Compatible with Geopoint Type'"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
ng-class="{'btn-success': panel.display.geopoints.enabled}"
|
|
||||||
ng-model="panel.display.geopoints.enabled">{{panel.display.geopoints.enabled|enabledText}}</button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Point size</td>
|
|
||||||
<td>
|
|
||||||
<input type="text" style="width:100px"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Controls the size of the geopoints on the map.'"
|
|
||||||
ng-model="panel.display.geopoints.pointSize"
|
|
||||||
value="{{panel.display.geopoints.pointSize}}" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Point Transparency</td>
|
|
||||||
<td>
|
|
||||||
<input type="text" style="width:100px"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Controls the transparency of geopoints. Valid numbers are between 0.0 and 1.0'"
|
|
||||||
ng-model="panel.display.geopoints.pointAlpha"
|
|
||||||
value="{{panel.display.geopoints.pointAlpha}}" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Autosizing</td>
|
|
||||||
<td>
|
|
||||||
<input type="checkbox"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
data-placement="right"
|
|
||||||
ng-model="panel.display.geopoints.autosize"
|
|
||||||
bs-tooltip="'Allows point sizes to scale as you zoom in and out of the map.'" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row-fluid tabDetails" ng-show="isActive('binning')">
|
|
||||||
<div class="span8 offset1">
|
|
||||||
<table>
|
|
||||||
<tbody >
|
|
||||||
<tr>
|
|
||||||
<td>Binning</td>
|
|
||||||
<td>
|
|
||||||
<button type="button" class="btn" bs-button
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Compatible with Geopoint Type'"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
ng-class="{'btn-success': panel.display.binning.enabled}"
|
|
||||||
ng-model="panel.display.binning.enabled">{{panel.display.binning.enabled|enabledText}}</button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Hexagon size</td>
|
|
||||||
<td>
|
|
||||||
<input type="text" style="width:100px"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Controls the size of the hexagonal binning'"
|
|
||||||
ng-model="panel.display.binning.hexagonSize"
|
|
||||||
value="{{panel.display.binning.hexagonSize}}" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Hexagon Transparency</td>
|
|
||||||
<td>
|
|
||||||
<input type="text" style="width:100px"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Controls the transparency of hexagonal bins. Valid numbers are between 0.0 and 1.0'"
|
|
||||||
ng-model="panel.display.binning.hexagonAlpha"
|
|
||||||
value="{{panel.display.binning.hexagonAlpha}}" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<button type="button" class="btn" bs-button
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
ng-class="{'btn-success': panel.display.binning.areaEncoding}"
|
|
||||||
ng-model="panel.display.binning.areaEncoding">Area</button>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<div class="btn-group" ng-model="panel.display.binning.areaEncodingField" bs-buttons-radio ng-change="$emit('render')">
|
|
||||||
<button type="button" class="btn" value="primary">Primary Field</button>
|
|
||||||
<button type="button" class="btn" value="secondary">Secondary Field</button>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<button type="button" class="btn" bs-button
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
ng-class="{'btn-success': panel.display.binning.colorEncoding}"
|
|
||||||
ng-model="panel.display.binning.colorEncoding">Color</button>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<div class="btn-group" ng-model="panel.display.binning.colorEncodingField" bs-buttons-radio ng-change="$emit('render')">
|
|
||||||
<button type="button" class="btn" value="primary">Primary Field</button>
|
|
||||||
<button type="button" class="btn" value="secondary">Secondary Field</button>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row-fluid tabDetails" ng-show="isActive('choropleth')">
|
|
||||||
<div class="span8 offset1">
|
|
||||||
<table>
|
|
||||||
<tbody >
|
|
||||||
<tr>
|
|
||||||
<td>Choropleth</td>
|
|
||||||
<td>
|
|
||||||
<button type="button" class="btn" bs-button
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Choropleths color country regions according to your selected field. Compatible with Country-Coded fields'"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
ng-class="{'btn-success': panel.display.choropleth.enabled}"
|
|
||||||
ng-model="panel.display.choropleth.enabled">{{panel.display.choropleth.enabled|enabledText}}</button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row-fluid tabDetails" ng-show="isActive('bullseye')">
|
|
||||||
<div class="span8 offset1">
|
|
||||||
<table>
|
|
||||||
<tbody >
|
|
||||||
<tr>
|
|
||||||
<td>Bullseye</td>
|
|
||||||
<td>
|
|
||||||
<button type="button" class="btn" bs-button
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
ng-class="{'btn-success': panel.display.bullseye.enabled}"
|
|
||||||
ng-model="panel.display.bullseye.enabled">{{panel.display.bullseye.enabled|enabledText}}</button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Bullseye Coordinates</td>
|
|
||||||
<td>
|
|
||||||
<input type="text" style="width:100px"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
placeholder="Latitude"
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Latitude of Bullseye'"
|
|
||||||
ng-model="panel.display.bullseye.coord.lat"
|
|
||||||
value="{{panel.display.bullseye.coord.lat}}" />
|
|
||||||
|
|
||||||
<input type="text" style="width:100px"
|
|
||||||
placeholder="Longitude"
|
|
||||||
ng-change="$emit('render')"
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Longitude of Bullseye'"
|
|
||||||
ng-model="panel.display.bullseye.coord.lon"
|
|
||||||
value="{{panel.display.bullseye.coord.lon}}" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row-fluid tabDetails" ng-show="isActive('data')">
|
|
||||||
<div class="span8 offset1">
|
|
||||||
<table>
|
|
||||||
<tbody >
|
|
||||||
<tr>
|
|
||||||
<td>Data Points</td>
|
|
||||||
<td>
|
|
||||||
<input type="text" style="width:100px"
|
|
||||||
ng-change="get_data()"
|
|
||||||
data-placement="right"
|
|
||||||
bs-tooltip="'Controls the number of samples used in the map. Be careful with this value!'"
|
|
||||||
ng-model="panel.display.data.samples"
|
|
||||||
value="{{panel.display.data.samples}}" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Map Projection</td>
|
|
||||||
<td>
|
|
||||||
<select ng-model="panel.display.data.type" ng-options="option.id as option.text for option in panel.display.data.dropdown"></select>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Panel Spy</h5>
|
|
||||||
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div class="span2">
|
|
||||||
<label class="small">Spyable</label> <input type="checkbox" ng-model=
|
|
||||||
"panel.spyable" ng-checked="panel.spyable">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="span9 small">
|
|
||||||
The panel spy shows 'behind the scenes' information about a panel. It can be
|
|
||||||
accessed by clicking the in the top right of the panel.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
1
panels/map2/lib/d3.hexbin.v0.min.js
vendored
1
panels/map2/lib/d3.hexbin.v0.min.js
vendored
@ -1 +0,0 @@
|
|||||||
(function(){d3.hexbin=function(){function u(n){var r={};return n.forEach(function(n,t){var a=s.call(u,n,t)/o,e=Math.round(a),h=f.call(u,n,t)/i-(1&e?.5:0),c=Math.round(h),l=a-e;if(3*Math.abs(l)>1){var g=h-c,v=c+(c>h?-1:1)/2,M=e+(e>a?-1:1),m=h-v,d=a-M;g*g+l*l>m*m+d*d&&(c=v+(1&e?1:-1)/2,e=M)}var x=c+"-"+e,j=r[x];j?j.push(n):(j=r[x]=[n],j.x=(c+(1&e?.5:0))*i,j.y=e*o)}),d3.values(r)}function a(r){var t=0,u=0;return n.map(function(n){var a=Math.sin(n)*r,e=-Math.cos(n)*r,i=a-t,o=e-u;return t=a,u=e,[i,o]})}var e,i,o,h=1,c=1,f=r,s=t;return u.x=function(n){return arguments.length?(f=n,u):f},u.y=function(n){return arguments.length?(s=n,u):s},u.hexagon=function(n){return 1>arguments.length&&(n=e),"m"+a(n).join("l")+"z"},u.mesh=function(){for(var n=[],r=a(e).slice(0,4).join("l"),t=0,u=!1;c+e>t;t+=o,u=!u)for(var f=u?i/2:0;h>f;f+=i)n.push("M",f,",",t,"m",r);return n.join("")},u.size=function(n){return arguments.length?(h=+n[0],c=+n[1],u):[h,c]},u.radius=function(n){return arguments.length?(e=+n,i=2*e*Math.sin(Math.PI/3),o=1.5*e,u):e},u.radius(1)};var n=d3.range(0,2*Math.PI,Math.PI/3),r=function(n){return n[0]},t=function(n){return n[1]}})();
|
|
||||||
@ -1,137 +0,0 @@
|
|||||||
/**
|
|
||||||
* Copyright (c) 2011, Sun Ning.
|
|
||||||
*
|
|
||||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
* of this software and associated documentation files (the "Software"), to deal
|
|
||||||
* in the Software without restriction, including without limitation the rights
|
|
||||||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
* copies of the Software, and to permit persons to whom the Software is
|
|
||||||
* furnished to do so, subject to the following conditions:
|
|
||||||
*
|
|
||||||
* The above copyright notice and this permission notice shall be included in all
|
|
||||||
* copies or substantial portions of the Software.
|
|
||||||
*
|
|
||||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
* SOFTWARE.
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
var BASE32_CODES = "0123456789bcdefghjkmnpqrstuvwxyz";
|
|
||||||
var BASE32_CODES_DICT = {};
|
|
||||||
for(var i=0; i<BASE32_CODES.length; i++) {
|
|
||||||
BASE32_CODES_DICT[BASE32_CODES.charAt(i)]=i;
|
|
||||||
}
|
|
||||||
|
|
||||||
var encode = function(latitude, longitude, numberOfChars){
|
|
||||||
numberOfChars = numberOfChars || 9;
|
|
||||||
var chars = [], bits = 0;
|
|
||||||
var hash_value = 0;
|
|
||||||
|
|
||||||
var maxlat = 90, minlat = -90;
|
|
||||||
var maxlon = 180, minlon = -180;
|
|
||||||
|
|
||||||
var mid;
|
|
||||||
var islon = true;
|
|
||||||
while(chars.length < numberOfChars) {
|
|
||||||
if (islon){
|
|
||||||
mid = (maxlon+minlon)/2;
|
|
||||||
if(longitude > mid){
|
|
||||||
hash_value = (hash_value << 1) + 1;
|
|
||||||
minlon=mid;
|
|
||||||
} else {
|
|
||||||
hash_value = (hash_value << 1) + 0;
|
|
||||||
maxlon=mid;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
mid = (maxlat+minlat)/2;
|
|
||||||
if(latitude > mid ){
|
|
||||||
hash_value = (hash_value << 1) + 1;
|
|
||||||
minlat = mid;
|
|
||||||
} else {
|
|
||||||
hash_value = (hash_value << 1) + 0;
|
|
||||||
maxlat = mid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
islon = !islon;
|
|
||||||
|
|
||||||
bits++;
|
|
||||||
if (bits == 5) {
|
|
||||||
var code = BASE32_CODES[hash_value];
|
|
||||||
chars.push(code);
|
|
||||||
bits = 0;
|
|
||||||
hash_value = 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return chars.join('')
|
|
||||||
};
|
|
||||||
|
|
||||||
var decode_bbox = function(hash_string){
|
|
||||||
var islon = true;
|
|
||||||
var maxlat = 90, minlat = -90;
|
|
||||||
var maxlon = 180, minlon = -180;
|
|
||||||
|
|
||||||
var hash_value = 0;
|
|
||||||
for(var i=0,l=hash_string.length; i<l; i++) {
|
|
||||||
var code = hash_string[i].toLowerCase();
|
|
||||||
hash_value = BASE32_CODES_DICT[code];
|
|
||||||
|
|
||||||
for (var bits=4; bits>=0; bits--) {
|
|
||||||
var bit = (hash_value >> bits) & 1;
|
|
||||||
if (islon){
|
|
||||||
var mid = (maxlon+minlon)/2;
|
|
||||||
if(bit == 1){
|
|
||||||
minlon = mid;
|
|
||||||
} else {
|
|
||||||
maxlon = mid;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
var mid = (maxlat+minlat)/2;
|
|
||||||
if(bit == 1){
|
|
||||||
minlat = mid;
|
|
||||||
} else {
|
|
||||||
maxlat = mid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
islon = !islon;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return [minlat, minlon, maxlat, maxlon];
|
|
||||||
}
|
|
||||||
|
|
||||||
var decode = function(hash_string){
|
|
||||||
var bbox = decode_bbox(hash_string);
|
|
||||||
var lat = (bbox[0]+bbox[2])/2;
|
|
||||||
var lon = (bbox[1]+bbox[3])/2;
|
|
||||||
var laterr = bbox[2]-lat;
|
|
||||||
var lonerr = bbox[3]-lon;
|
|
||||||
return {latitude:lat, longitude:lon,
|
|
||||||
error:{latitude:laterr, longitude:lonerr}};
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* direction [lat, lon], i.e.
|
|
||||||
* [1,0] - north
|
|
||||||
* [1,1] - northeast
|
|
||||||
* ...
|
|
||||||
*/
|
|
||||||
var neighbor = function(hashstring, direction) {
|
|
||||||
var lonlat = decode(hashstring);
|
|
||||||
var neighbor_lat = lonlat.latitude
|
|
||||||
+ direction[0] * lonlat.error.latitude * 2;
|
|
||||||
var neighbor_lon = lonlat.longitude
|
|
||||||
+ direction[1] * lonlat.error.longitude * 2;
|
|
||||||
return encode(neighbor_lat, neighbor_lon, hashstring.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
var geohash = {
|
|
||||||
'encode': encode,
|
|
||||||
'decode': decode,
|
|
||||||
'decode_bbox': decode_bbox,
|
|
||||||
'neighbor': neighbor,
|
|
||||||
}
|
|
||||||
module.exports = geohash;
|
|
||||||
1
panels/map2/lib/queue.v1.min.js
vendored
1
panels/map2/lib/queue.v1.min.js
vendored
@ -1 +0,0 @@
|
|||||||
(function(){function n(n){function t(){for(;f=a<c.length&&n>p;){var u=a++,t=c[u],r=l.call(t,1);r.push(e(u)),++p,t[0].apply(null,r)}}function e(n){return function(u,l){--p,null==d&&(null!=u?(d=u,a=s=0/0,r()):(c[n]=l,--s?f||t():r()))}}function r(){null!=d?v(d):i?v(d,c):v.apply(null,[d].concat(c))}var o,f,i,c=[],a=0,p=0,s=0,d=null,v=u;return n||(n=1/0),o={defer:function(){return d||(c.push(arguments),++s,t()),o},await:function(n){return v=n,i=!1,s||r(),o},awaitAll:function(n){return v=n,i=!0,s||r(),o}}}function u(){}"undefined"==typeof module?self.queue=n:module.exports=n,n.version="1.0.4";var l=[].slice})();
|
|
||||||
1
panels/map2/lib/topojson.v1.min.js
vendored
1
panels/map2/lib/topojson.v1.min.js
vendored
@ -1 +0,0 @@
|
|||||||
topojson=function(){function t(t,e){function n(e){var n=t.arcs[e],r=n[0],o=[0,0];return n.forEach(function(t){o[0]+=t[0],o[1]+=t[1]}),[r,o]}var r={},o={},a={};e.forEach(function(t){var e=n(t);(r[e[0]]||(r[e[0]]=[])).push(t),(r[e[1]]||(r[e[1]]=[])).push(~t)}),e.forEach(function(t){var e,r,i=n(t),u=i[0],c=i[1];if(e=a[u])if(delete a[e.end],e.push(t),e.end=c,r=o[c]){delete o[r.start];var s=r===e?e:e.concat(r);o[s.start=e.start]=a[s.end=r.end]=s}else if(r=a[c]){delete o[r.start],delete a[r.end];var s=e.concat(r.map(function(t){return~t}).reverse());o[s.start=e.start]=a[s.end=r.start]=s}else o[e.start]=a[e.end]=e;else if(e=o[c])if(delete o[e.start],e.unshift(t),e.start=u,r=a[u]){delete a[r.end];var f=r===e?e:r.concat(e);o[f.start=r.start]=a[f.end=e.end]=f}else if(r=o[u]){delete o[r.start],delete a[r.end];var f=r.map(function(t){return~t}).reverse().concat(e);o[f.start=r.end]=a[f.end=e.end]=f}else o[e.start]=a[e.end]=e;else if(e=o[u])if(delete o[e.start],e.unshift(~t),e.start=c,r=a[c]){delete a[r.end];var f=r===e?e:r.concat(e);o[f.start=r.start]=a[f.end=e.end]=f}else if(r=o[c]){delete o[r.start],delete a[r.end];var f=r.map(function(t){return~t}).reverse().concat(e);o[f.start=r.end]=a[f.end=e.end]=f}else o[e.start]=a[e.end]=e;else if(e=a[c])if(delete a[e.end],e.push(~t),e.end=u,r=a[u]){delete o[r.start];var s=r===e?e:e.concat(r);o[s.start=e.start]=a[s.end=r.end]=s}else if(r=o[u]){delete o[r.start],delete a[r.end];var s=e.concat(r.map(function(t){return~t}).reverse());o[s.start=e.start]=a[s.end=r.start]=s}else o[e.start]=a[e.end]=e;else e=[t],o[e.start=u]=a[e.end=c]=e});var i=[];for(var u in a)i.push(a[u]);return i}function e(e,n,r){function a(t){0>t&&(t=~t),(l[t]||(l[t]=[])).push(f)}function i(t){t.forEach(a)}function u(t){t.forEach(i)}function c(t){t.type==="GeometryCollection"?t.geometries.forEach(c):t.type in d&&(f=t,d[t.type](t.arcs))}var s=[];if(arguments.length>1){var f,l=[],d={LineString:i,MultiLineString:u,Polygon:u,MultiPolygon:function(t){t.forEach(u)}};c(n),l.forEach(arguments.length<3?function(t,e){s.push([e])}:function(t,e){r(t[0],t[t.length-1])&&s.push([e])})}else for(var p=0,h=e.arcs.length;h>p;++p)s.push([p]);return o(e,{type:"MultiLineString",arcs:t(e,s)})}function n(t,e){return e.type==="GeometryCollection"?{type:"FeatureCollection",features:e.geometries.map(function(e){return r(t,e)})}:r(t,e)}function r(t,e){var n={type:"Feature",id:e.id,properties:e.properties||{},geometry:o(t,e)};return e.id==null&&delete n.id,n}function o(t,e){function n(t,e){e.length&&e.pop();for(var n,r=h[0>t?~t:t],o=0,i=r.length,u=0,c=0;i>o;++o)e.push([(u+=(n=r[o])[0])*f+d,(c+=n[1])*l+p]);0>t&&a(e,i)}function r(t){return[t[0]*f+d,t[1]*l+p]}function o(t){for(var e=[],r=0,o=t.length;o>r;++r)n(t[r],e);return e.length<2&&e.push(e[0]),e}function i(t){for(var e=o(t);e.length<4;)e.push(e[0]);return e}function u(t){return t.map(i)}function c(t){var e=t.type;return"GeometryCollection"===e?{type:e,geometries:t.geometries.map(c)}:e in v?{type:e,coordinates:v[e](t)}:null}var s=t.transform,f=s.scale[0],l=s.scale[1],d=s.translate[0],p=s.translate[1],h=t.arcs,v={Point:function(t){return r(t.coordinates)},MultiPoint:function(t){return t.coordinates.map(r)},LineString:function(t){return o(t.arcs)},MultiLineString:function(t){return t.arcs.map(o)},Polygon:function(t){return u(t.arcs)},MultiPolygon:function(t){return t.arcs.map(u)}};return c(e)}function a(t,e){for(var n,r=t.length,o=r-e;o<--r;)n=t[o],t[o++]=t[r],t[r]=n}function i(t,e){for(var n=0,r=t.length;r>n;){var o=n+r>>>1;t[o]<e?n=o+1:r=o}return n}function u(t){function e(t,e){t.forEach(function(t){0>t&&(t=~t);var n=o[t]||(o[t]=[]);n[e]||(n.forEach(function(t){var n,r;r=i(n=a[e],t),n[r]!==t&&n.splice(r,0,t),r=i(n=a[t],e),n[r]!==e&&n.splice(r,0,e)}),n[e]=e)})}function n(t,n){t.forEach(function(t){e(t,n)})}function r(t,e){t.type==="GeometryCollection"?t.geometries.forEach(function(t){r(t,e)}):t.type in u&&u[t.type](t.arcs,e)}var o=[],a=t.map(function(){return[]}),u={LineString:e,MultiLineString:n,Polygon:n,MultiPolygon:function(t,e){t.forEach(function(t){n(t,e)})}};return t.forEach(r),a}return{version:"1.0.0pre",mesh:e,feature:n,neighbors:u}}();
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,251 +0,0 @@
|
|||||||
id short name
|
|
||||||
4 AF Afghanistan
|
|
||||||
8 AL Albania
|
|
||||||
10 AQ Antarctica
|
|
||||||
12 DZ Algeria
|
|
||||||
16 AS American Samoa
|
|
||||||
20 AD Andorra
|
|
||||||
24 AO Angola
|
|
||||||
28 AG Antigua and Barbuda
|
|
||||||
31 AZ Azerbaijan
|
|
||||||
32 AR Argentina
|
|
||||||
36 AU Australia
|
|
||||||
40 AT Austria
|
|
||||||
44 BS Bahamas
|
|
||||||
48 BH Bahrain
|
|
||||||
50 BD Bangladesh
|
|
||||||
51 AM Armenia
|
|
||||||
52 BB Barbados
|
|
||||||
56 BE Belgium
|
|
||||||
60 BM Bermuda
|
|
||||||
64 BT Bhutan
|
|
||||||
68 BO Bolivia, Plurinational State of
|
|
||||||
70 BA Bosnia and Herzegovina
|
|
||||||
72 BW Botswana
|
|
||||||
74 BV Bouvet Island
|
|
||||||
76 BR Brazil
|
|
||||||
84 BZ Belize
|
|
||||||
86 IO British Indian Ocean Territory
|
|
||||||
90 SB Solomon Islands
|
|
||||||
92 VG Virgin Islands, British
|
|
||||||
96 BN Brunei Darussalam
|
|
||||||
100 BG Bulgaria
|
|
||||||
104 MM Myanmar
|
|
||||||
108 BI Burundi
|
|
||||||
112 BY Belarus
|
|
||||||
116 KH Cambodia
|
|
||||||
120 CM Cameroon
|
|
||||||
124 CA Canada
|
|
||||||
132 CV Cape Verde
|
|
||||||
136 KY Cayman Islands
|
|
||||||
140 CF Central African Republic
|
|
||||||
144 LK Sri Lanka
|
|
||||||
148 TD Chad
|
|
||||||
152 CL Chile
|
|
||||||
156 CN China
|
|
||||||
158 TW Taiwan, Province of China
|
|
||||||
162 CX Christmas Island
|
|
||||||
166 CC Cocos (Keeling) Islands
|
|
||||||
170 CO Colombia
|
|
||||||
174 KM Comoros
|
|
||||||
175 YT Mayotte
|
|
||||||
178 CG Congo
|
|
||||||
180 CD Congo, the Democratic Republic of the
|
|
||||||
184 CK Cook Islands
|
|
||||||
188 CR Costa Rica
|
|
||||||
191 HR Croatia
|
|
||||||
192 CU Cuba
|
|
||||||
196 CY Cyprus
|
|
||||||
203 CZ Czech Republic
|
|
||||||
204 BJ Benin
|
|
||||||
208 DK Denmark
|
|
||||||
212 DM Dominica
|
|
||||||
214 DO Dominican Republic
|
|
||||||
218 EC Ecuador
|
|
||||||
222 SV El Salvador
|
|
||||||
226 GQ Equatorial Guinea
|
|
||||||
231 ET Ethiopia
|
|
||||||
232 ER Eritrea
|
|
||||||
233 EE Estonia
|
|
||||||
234 FO Faroe Islands
|
|
||||||
238 FK Falkland Islands (Malvinas)
|
|
||||||
239 GS South Georgia and the South Sandwich Islands
|
|
||||||
242 FJ Fiji
|
|
||||||
246 FI Finland
|
|
||||||
248 AX Åland Islands
|
|
||||||
250 FR France
|
|
||||||
254 GF French Guiana
|
|
||||||
258 PF French Polynesia
|
|
||||||
260 TF French Southern Territories
|
|
||||||
262 DJ Djibouti
|
|
||||||
266 GA Gabon
|
|
||||||
268 GE Georgia
|
|
||||||
270 GM Gambia
|
|
||||||
275 Palestinian Territory, Occupied
|
|
||||||
276 DE Germany
|
|
||||||
288 GH Ghana
|
|
||||||
292 GI Gibraltar
|
|
||||||
296 KI Kiribati
|
|
||||||
300 GR Greece
|
|
||||||
304 GL Greenland
|
|
||||||
308 GD Grenada
|
|
||||||
312 GP Guadeloupe
|
|
||||||
316 GU Guam
|
|
||||||
320 GT Guatemala
|
|
||||||
324 GN Guinea
|
|
||||||
328 GY Guyana
|
|
||||||
332 HT Haiti
|
|
||||||
334 HM Heard Island and McDonald Islands
|
|
||||||
336 VA Holy See (Vatican City State)
|
|
||||||
340 HN Honduras
|
|
||||||
344 HK Hong Kong
|
|
||||||
348 HU Hungary
|
|
||||||
352 IS Iceland
|
|
||||||
356 IN India
|
|
||||||
360 ID Indonesia
|
|
||||||
364 IR Iran, Islamic Republic of
|
|
||||||
368 IQ Iraq
|
|
||||||
372 IE Ireland
|
|
||||||
376 IL Israel
|
|
||||||
380 IT Italy
|
|
||||||
384 Côte d'Ivoire
|
|
||||||
388 JM Jamaica
|
|
||||||
392 JP Japan
|
|
||||||
398 KZ Kazakhstan
|
|
||||||
400 JO Jordan
|
|
||||||
404 KE Kenya
|
|
||||||
408 KP Korea, Democratic People's Republic of
|
|
||||||
410 KR Korea, Republic of
|
|
||||||
414 KW Kuwait
|
|
||||||
417 KG Kyrgyzstan
|
|
||||||
418 LA Lao People's Democratic Republic
|
|
||||||
422 LB Lebanon
|
|
||||||
426 LS Lesotho
|
|
||||||
428 LV Latvia
|
|
||||||
430 LR Liberia
|
|
||||||
434 LY Libya
|
|
||||||
438 LI Liechtenstein
|
|
||||||
440 LT Lithuania
|
|
||||||
442 LU Luxembourg
|
|
||||||
446 MO Macao
|
|
||||||
450 MG Madagascar
|
|
||||||
454 MW Malawi
|
|
||||||
458 MY Malaysia
|
|
||||||
462 MV Maldives
|
|
||||||
466 ML Mali
|
|
||||||
470 MT Malta
|
|
||||||
474 MQ Martinique
|
|
||||||
478 MR Mauritania
|
|
||||||
480 MU Mauritius
|
|
||||||
484 MX Mexico
|
|
||||||
492 MC Monaco
|
|
||||||
496 MN Mongolia
|
|
||||||
498 MD Moldova, Republic of
|
|
||||||
499 ME Montenegro
|
|
||||||
500 MS Montserrat
|
|
||||||
504 MA Morocco
|
|
||||||
508 MZ Mozambique
|
|
||||||
512 OM Oman
|
|
||||||
516 NA Namibia
|
|
||||||
520 NR Nauru
|
|
||||||
524 NP Nepal
|
|
||||||
528 NL Netherlands
|
|
||||||
531 Curaçao
|
|
||||||
533 AW Aruba
|
|
||||||
534 SX Sint Maarten (Dutch part)
|
|
||||||
535 BQ Bonaire, Sint Eustatius and Saba
|
|
||||||
540 NC New Caledonia
|
|
||||||
548 VU Vanuatu
|
|
||||||
554 NZ New Zealand
|
|
||||||
558 NI Nicaragua
|
|
||||||
562 NE Niger
|
|
||||||
566 NG Nigeria
|
|
||||||
570 NU Niue
|
|
||||||
574 NF Norfolk Island
|
|
||||||
578 NO Norway
|
|
||||||
580 MP Northern Mariana Islands
|
|
||||||
581 UM United States Minor Outlying Islands
|
|
||||||
583 FM Micronesia, Federated States of
|
|
||||||
584 MH Marshall Islands
|
|
||||||
585 PW Palau
|
|
||||||
586 PK Pakistan
|
|
||||||
591 PA Panama
|
|
||||||
598 PG Papua New Guinea
|
|
||||||
600 PY Paraguay
|
|
||||||
604 PE Peru
|
|
||||||
608 PH Philippines
|
|
||||||
612 PN Pitcairn
|
|
||||||
616 PL Poland
|
|
||||||
620 PT Portugal
|
|
||||||
624 GW Guinea-Bissau
|
|
||||||
626 TL Timor-Leste
|
|
||||||
630 PR Puerto Rico
|
|
||||||
634 QA Qatar
|
|
||||||
638 Réunion
|
|
||||||
642 RO Romania
|
|
||||||
643 RU Russian Federation
|
|
||||||
646 RW Rwanda
|
|
||||||
652 Saint Barthélemy
|
|
||||||
654 SH Saint Helena, Ascension and Tristan da Cunha
|
|
||||||
659 KN Saint Kitts and Nevis
|
|
||||||
660 AI Anguilla
|
|
||||||
662 LC Saint Lucia
|
|
||||||
663 MF Saint Martin (French part)
|
|
||||||
666 PM Saint Pierre and Miquelon
|
|
||||||
670 VC Saint Vincent and the Grenadines
|
|
||||||
674 SM San Marino
|
|
||||||
678 ST Sao Tome and Principe
|
|
||||||
682 SA Saudi Arabia
|
|
||||||
686 SN Senegal
|
|
||||||
688 RS Serbia
|
|
||||||
690 SC Seychelles
|
|
||||||
694 SL Sierra Leone
|
|
||||||
702 SG Singapore
|
|
||||||
703 SK Slovakia
|
|
||||||
704 VN Viet Nam
|
|
||||||
705 SI Slovenia
|
|
||||||
706 SO Somalia
|
|
||||||
710 ZA South Africa
|
|
||||||
716 ZW Zimbabwe
|
|
||||||
724 ES Spain
|
|
||||||
728 SS South Sudan
|
|
||||||
729 SD Sudan
|
|
||||||
732 EH Western Sahara
|
|
||||||
740 SR Suriname
|
|
||||||
744 SJ Svalbard and Jan Mayen
|
|
||||||
748 SZ Swaziland
|
|
||||||
752 SE Sweden
|
|
||||||
756 CH Switzerland
|
|
||||||
760 SY Syrian Arab Republic
|
|
||||||
762 TJ Tajikistan
|
|
||||||
764 TH Thailand
|
|
||||||
768 TG Togo
|
|
||||||
772 TK Tokelau
|
|
||||||
776 TO Tonga
|
|
||||||
780 TT Trinidad and Tobago
|
|
||||||
784 AE United Arab Emirates
|
|
||||||
788 TN Tunisia
|
|
||||||
792 TR Turkey
|
|
||||||
795 TM Turkmenistan
|
|
||||||
796 TC Turks and Caicos Islands
|
|
||||||
798 TV Tuvalu
|
|
||||||
800 UG Uganda
|
|
||||||
804 UA Ukraine
|
|
||||||
807 MK Macedonia, the former Yugoslav Republic of
|
|
||||||
818 EG Egypt
|
|
||||||
826 GB United Kingdom
|
|
||||||
831 GG Guernsey
|
|
||||||
832 JE Jersey
|
|
||||||
833 IM Isle of Man
|
|
||||||
834 TZ Tanzania, United Republic of
|
|
||||||
840 US United States
|
|
||||||
850 VI Virgin Islands, U.S.
|
|
||||||
854 BF Burkina Faso
|
|
||||||
858 UY Uruguay
|
|
||||||
860 UZ Uzbekistan
|
|
||||||
862 VE Venezuela, Bolivarian Republic of
|
|
||||||
876 WF Wallis and Futuna
|
|
||||||
882 WS Samoa
|
|
||||||
887 YE Yemen
|
|
||||||
894 ZM Zambia
|
|
||||||
|
|
||||||
|
@ -1,58 +0,0 @@
|
|||||||
<kibana-panel ng-controller='map2' ng-init="init()">
|
|
||||||
<style>
|
|
||||||
.overlay {
|
|
||||||
fill: none;
|
|
||||||
pointer-events: all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.land {
|
|
||||||
fill: #D1D1D1;
|
|
||||||
stroke: #595959;
|
|
||||||
stroke-linejoin: round;
|
|
||||||
stroke-linecap: round;
|
|
||||||
stroke-width: .1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.boundary {
|
|
||||||
fill: none;
|
|
||||||
stroke: #000;
|
|
||||||
stroke-linejoin: round;
|
|
||||||
stroke-linecap: round;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hexagon {
|
|
||||||
fill: none;
|
|
||||||
stroke: #000;
|
|
||||||
stroke-width: .1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.q1 { fill:rgb(247,251,255); }
|
|
||||||
.q2 { fill:rgb(222,235,247); }
|
|
||||||
.q3 { fill:rgb(198,219,239); }
|
|
||||||
.q4 { fill:rgb(158,202,225); }
|
|
||||||
.q5 { fill:rgb(107,174,214); }
|
|
||||||
.q6 { fill:rgb(66,146,198); }
|
|
||||||
.q7 { fill:rgb(33,113,181); }
|
|
||||||
.q8 { fill:rgb(8,81,156); }
|
|
||||||
.q9 { fill:rgb(8,48,107); }
|
|
||||||
|
|
||||||
.arc {
|
|
||||||
stroke: #f00;
|
|
||||||
stroke-width: .5px;
|
|
||||||
fill: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.geopoint {
|
|
||||||
stroke: #000;
|
|
||||||
stroke-width: .5px;
|
|
||||||
fill: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu{position:absolute;top:auto;left:auto;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
|
|
||||||
</style>
|
|
||||||
<span ng-show="panel.spyable" style="position:absolute;right:0px;top:0px" class='panelextra pointer'>
|
|
||||||
<i bs-modal="'partials/modal.html'" class="icon-eye-open"></i>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<div map2 params="{{panel}}" style="height:{{panel.height || row.height}}"></div>
|
|
||||||
</kibana-panel>
|
|
||||||
@ -1,452 +0,0 @@
|
|||||||
angular.module('kibana.map2', [])
|
|
||||||
.controller('map2', function ($scope, eventBus, keylistener) {
|
|
||||||
|
|
||||||
// Set and populate defaults
|
|
||||||
var _d = {
|
|
||||||
status : "Broken",
|
|
||||||
query: "*",
|
|
||||||
map: "world",
|
|
||||||
colors: ['#C8EEFF', '#0071A4'],
|
|
||||||
size: 100,
|
|
||||||
exclude: [],
|
|
||||||
spyable: true,
|
|
||||||
group: "default",
|
|
||||||
index_limit: 0,
|
|
||||||
display: {
|
|
||||||
translate:[0, 0],
|
|
||||||
scale:-1,
|
|
||||||
data: {
|
|
||||||
samples: 1000,
|
|
||||||
type: "mercator",
|
|
||||||
dropdown:[
|
|
||||||
{
|
|
||||||
"text": "Mercator (Flat)",
|
|
||||||
id: "mercator"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Orthographic (Sphere)",
|
|
||||||
id: "orthographic"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
geopoints: {
|
|
||||||
enabled: false,
|
|
||||||
enabledText: "Enabled",
|
|
||||||
pointSize: 0.3,
|
|
||||||
pointAlpha: 0.6
|
|
||||||
},
|
|
||||||
binning: {
|
|
||||||
enabled: false,
|
|
||||||
hexagonSize: 2,
|
|
||||||
hexagonAlpha: 1.0,
|
|
||||||
areaEncoding: true,
|
|
||||||
areaEncodingField: "primary",
|
|
||||||
colorEncoding: true,
|
|
||||||
colorEncodingField: "primary"
|
|
||||||
},
|
|
||||||
choropleth: {
|
|
||||||
enabled: false
|
|
||||||
},
|
|
||||||
bullseye: {
|
|
||||||
enabled: false,
|
|
||||||
coord: {
|
|
||||||
lat: 0,
|
|
||||||
lon: 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
activeDisplayTab:"Geopoints"
|
|
||||||
};
|
|
||||||
|
|
||||||
_.defaults($scope.panel, _d)
|
|
||||||
|
|
||||||
$scope.init = function () {
|
|
||||||
eventBus.register($scope, 'time', function (event, time) {
|
|
||||||
set_time(time)
|
|
||||||
});
|
|
||||||
eventBus.register($scope, 'query', function (event, query) {
|
|
||||||
$scope.panel.query = _.isArray(query) ? query[0] : query;
|
|
||||||
$scope.get_data();
|
|
||||||
});
|
|
||||||
// Now that we're all setup, request the time from our group
|
|
||||||
eventBus.broadcast($scope.$id, $scope.panel.group, 'get_time');
|
|
||||||
|
|
||||||
$scope.keylistener = keylistener;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.get_data = function () {
|
|
||||||
|
|
||||||
// Make sure we have everything for the request to complete
|
|
||||||
if (_.isUndefined($scope.index) || _.isUndefined($scope.time))
|
|
||||||
return
|
|
||||||
|
|
||||||
$scope.panel.loading = true;
|
|
||||||
var request = $scope.ejs.Request().indices($scope.index);
|
|
||||||
|
|
||||||
|
|
||||||
var metric = 'count';
|
|
||||||
|
|
||||||
//Use a regular term facet if there is no secondary field
|
|
||||||
if (typeof $scope.panel.secondaryfield === "undefined") {
|
|
||||||
var facet = $scope.ejs.TermsFacet('map')
|
|
||||||
.field($scope.panel.field)
|
|
||||||
.size($scope.panel.display.data.samples)
|
|
||||||
.exclude($scope.panel.exclude)
|
|
||||||
.facetFilter(ejs.QueryFilter(
|
|
||||||
ejs.FilteredQuery(
|
|
||||||
ejs.QueryStringQuery($scope.panel.query || '*'),
|
|
||||||
ejs.RangeFilter($scope.time.field)
|
|
||||||
.from($scope.time.from)
|
|
||||||
.to($scope.time.to))));
|
|
||||||
|
|
||||||
metric = 'count';
|
|
||||||
} else {
|
|
||||||
//otherwise, use term stats
|
|
||||||
//NOTE: this will break if valueField is a geo_point
|
|
||||||
// need to put in checks for that
|
|
||||||
var facet = $scope.ejs.TermStatsFacet('map')
|
|
||||||
.keyField($scope.panel.field)
|
|
||||||
.valueField($scope.panel.secondaryfield)
|
|
||||||
.size($scope.panel.display.data.samples)
|
|
||||||
.facetFilter(ejs.QueryFilter(
|
|
||||||
ejs.FilteredQuery(
|
|
||||||
ejs.QueryStringQuery($scope.panel.query || '*'),
|
|
||||||
ejs.RangeFilter($scope.time.field)
|
|
||||||
.from($scope.time.from)
|
|
||||||
.to($scope.time.to))));
|
|
||||||
|
|
||||||
metric = 'total';
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Then the insert into facet and make the request
|
|
||||||
var request = request.facet(facet).size(0);
|
|
||||||
|
|
||||||
$scope.populate_modal(request);
|
|
||||||
|
|
||||||
var results = request.doSearch();
|
|
||||||
|
|
||||||
// Populate scope when we have results
|
|
||||||
results.then(function (results) {
|
|
||||||
$scope.panel.loading = false;
|
|
||||||
$scope.hits = results.hits.total;
|
|
||||||
$scope.data = {};
|
|
||||||
|
|
||||||
_.each(results.facets.map.terms, function (v) {
|
|
||||||
|
|
||||||
if (!_.isNumber(v.term)) {
|
|
||||||
$scope.data[v.term.toUpperCase()] = v[metric];
|
|
||||||
} else {
|
|
||||||
$scope.data[v.term] = v[metric];
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$scope.$emit('render')
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// I really don't like this function, too much dom manip. Break out into directive?
|
|
||||||
$scope.populate_modal = function (request) {
|
|
||||||
$scope.modal = {
|
|
||||||
title: "Inspector",
|
|
||||||
body: "<h5>Last Elasticsearch Query</h5><pre>" + 'curl -XGET ' + config.elasticsearch + '/' + $scope.index + "/_search?pretty -d'\n" + angular.toJson(JSON.parse(request.toString()), true) + "'</pre>"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function set_time(time) {
|
|
||||||
$scope.time = time;
|
|
||||||
$scope.index = _.isUndefined(time.index) ? $scope.index : time.index
|
|
||||||
$scope.get_data();
|
|
||||||
}
|
|
||||||
|
|
||||||
$scope.build_search = function (field, value) {
|
|
||||||
$scope.panel.query = add_to_query($scope.panel.query, field, value, false)
|
|
||||||
$scope.get_data();
|
|
||||||
eventBus.broadcast($scope.$id, $scope.panel.group, 'query', $scope.panel.query);
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.isActive = function(tab) {
|
|
||||||
return (tab.toLowerCase() === $scope.panel.activeDisplayTab.toLowerCase());
|
|
||||||
}
|
|
||||||
|
|
||||||
$scope.tabClick = function(tab) {
|
|
||||||
$scope.panel.activeDisplayTab = tab;
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
.filter('enabledText', function() {
|
|
||||||
return function (value) {
|
|
||||||
if (value === true) {
|
|
||||||
return "Enabled";
|
|
||||||
} else {
|
|
||||||
return "Disabled";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.directive('map2', function () {
|
|
||||||
return {
|
|
||||||
restrict: 'A',
|
|
||||||
link: function (scope, elem, attrs) {
|
|
||||||
|
|
||||||
//directive level variables related to d3
|
|
||||||
var dr = {};
|
|
||||||
|
|
||||||
scope.initializing = false;
|
|
||||||
|
|
||||||
|
|
||||||
dr.worldData = null;
|
|
||||||
dr.worldNames = null;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Initialize the panels if new, or render existing panels
|
|
||||||
*/
|
|
||||||
scope.init_or_render = function() {
|
|
||||||
if (typeof dr.svg === 'undefined') {
|
|
||||||
console.log("init");
|
|
||||||
|
|
||||||
//prevent duplicate initialization steps, if render is called again
|
|
||||||
//before the svg is setup
|
|
||||||
if (!scope.initializing) {
|
|
||||||
init_panel();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
console.log("render");
|
|
||||||
render_panel();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Receive render events
|
|
||||||
*/
|
|
||||||
scope.$on('render', function () {
|
|
||||||
scope.init_or_render();
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* On window resize, re-render the panel
|
|
||||||
*/
|
|
||||||
angular.element(window).bind('resize', function () {
|
|
||||||
scope.init_or_render();
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Load the various panel-specific scripts, map data, then initialize
|
|
||||||
* the svg and set appropriate D3 settings
|
|
||||||
*/
|
|
||||||
function init_panel() {
|
|
||||||
|
|
||||||
scope.initializing = true;
|
|
||||||
// Using LABjs, wait until all scripts are loaded before rendering panel
|
|
||||||
var scripts = $LAB.script("common/lib/d3.v3.min.js?rand="+Math.floor(Math.random()*10000))
|
|
||||||
.script("panels/map2/lib/topojson.v1.min.js?rand="+Math.floor(Math.random()*10000))
|
|
||||||
.script("panels/map2/lib/node-geohash.js?rand="+Math.floor(Math.random()*10000))
|
|
||||||
.script("panels/map2/lib/d3.hexbin.v0.min.js?rand="+Math.floor(Math.random()*10000))
|
|
||||||
.script("panels/map2/lib/queue.v1.min.js?rand="+Math.floor(Math.random()*10000))
|
|
||||||
.script("panels/map2/display/binning.js?rand="+Math.floor(Math.random()*10000))
|
|
||||||
.script("panels/map2/display/geopoints.js?rand="+Math.floor(Math.random()*10000))
|
|
||||||
.script("panels/map2/display/bullseye.js?rand="+Math.floor(Math.random()*10000));
|
|
||||||
|
|
||||||
// Populate element. Note that jvectormap appends, does not replace.
|
|
||||||
scripts.wait(function () {
|
|
||||||
|
|
||||||
queue()
|
|
||||||
.defer(d3.json, "panels/map2/lib/world-110m.json")
|
|
||||||
.defer(d3.tsv, "panels/map2/lib/world-country-names.tsv")
|
|
||||||
.await(function(error, world, names) {
|
|
||||||
dr.worldData = world;
|
|
||||||
dr.worldNames = names;
|
|
||||||
|
|
||||||
//Better way to get these values? Seems kludgy to use jQuery on the div...
|
|
||||||
var width = $(elem[0]).width(),
|
|
||||||
height = $(elem[0]).height();
|
|
||||||
|
|
||||||
//scale to whichever dimension is smaller, helps to ensure the whole map is displayed
|
|
||||||
dr.scale = (width > height) ? (height/5) : (width/5);
|
|
||||||
|
|
||||||
dr.zoom = d3.behavior.zoom()
|
|
||||||
.scaleExtent([1, 20])
|
|
||||||
.on("zoom", translate_map);
|
|
||||||
|
|
||||||
//used by choropleth
|
|
||||||
//@todo change domain so that it reflects the domain of the data
|
|
||||||
dr.quantize = d3.scale.quantize()
|
|
||||||
.domain([0, 1000])
|
|
||||||
.range(d3.range(9).map(function(i) { return "q" + (i+1); }));
|
|
||||||
|
|
||||||
//Extract name and two-letter codes for our countries
|
|
||||||
dr.countries = topojson.feature(dr.worldData, dr.worldData.objects.countries).features;
|
|
||||||
|
|
||||||
dr.countries = dr.countries.filter(function(d) {
|
|
||||||
return dr.worldNames.some(function(n) {
|
|
||||||
if (d.id == n.id) {
|
|
||||||
d.name = n.name;
|
|
||||||
return d.short = n.short;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}).sort(function(a, b) {
|
|
||||||
return a.name.localeCompare(b.name);
|
|
||||||
});
|
|
||||||
|
|
||||||
//create the new svg
|
|
||||||
dr.svg = d3.select(elem[0]).append("svg")
|
|
||||||
.attr("width", "100%")
|
|
||||||
.attr("height", "100%")
|
|
||||||
.attr("viewBox", "0 0 " + width + " " + height)
|
|
||||||
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")")
|
|
||||||
.call(dr.zoom);
|
|
||||||
dr.g = dr.svg.append("g");
|
|
||||||
|
|
||||||
scope.initializing = false;
|
|
||||||
render_panel();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render updates to the SVG. Typically happens when the data changes (time, query)
|
|
||||||
* or when new options are selected
|
|
||||||
*/
|
|
||||||
function render_panel() {
|
|
||||||
|
|
||||||
var width = $(elem[0]).width(),
|
|
||||||
height = $(elem[0]).height();
|
|
||||||
|
|
||||||
//Projection is dependant on the map-type
|
|
||||||
if (scope.panel.display.data.type === 'mercator') {
|
|
||||||
dr.projection = d3.geo.mercator()
|
|
||||||
.translate([width/2, height/2])
|
|
||||||
.scale(dr.scale);
|
|
||||||
|
|
||||||
} else if (scope.panel.display.data.type === 'orthographic') {
|
|
||||||
dr.projection = d3.geo.orthographic()
|
|
||||||
.translate([width/2, height/2])
|
|
||||||
.scale(100)
|
|
||||||
.clipAngle(90);
|
|
||||||
|
|
||||||
//recenters the sphere more towards the US...not really necessary
|
|
||||||
dr.projection.rotate([100 / 2, 20 / 2, dr.projection.rotate()[2]]);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
dr.path = d3.geo.path()
|
|
||||||
.projection(dr.projection).pointRadius(0.2);
|
|
||||||
|
|
||||||
console.log(scope.data);
|
|
||||||
|
|
||||||
//Geocoded points are decoded into lonlat
|
|
||||||
dr.points = _.map(scope.data, function (k, v) {
|
|
||||||
//console.log(k,v);
|
|
||||||
var decoded = geohash.decode(v);
|
|
||||||
return [decoded.longitude, decoded.latitude];
|
|
||||||
});
|
|
||||||
|
|
||||||
//And also projected projected to x/y. Both sets of points are used
|
|
||||||
//by different functions
|
|
||||||
dr.projectedPoints = _.map(dr.points, function (coords) {
|
|
||||||
return dr.projection(coords);
|
|
||||||
});
|
|
||||||
|
|
||||||
dr.svg.select(".overlay").remove();
|
|
||||||
|
|
||||||
dr.svg.append("rect")
|
|
||||||
.attr("class", "overlay")
|
|
||||||
.attr("width", width)
|
|
||||||
.attr("height", height)
|
|
||||||
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
|
|
||||||
|
|
||||||
|
|
||||||
//Draw the countries, if this is a choropleth, draw with fancy colors
|
|
||||||
var countryPath = dr.g.selectAll(".land")
|
|
||||||
.data(dr.countries);
|
|
||||||
|
|
||||||
countryPath.enter().append("path")
|
|
||||||
.attr("class", function(d) {
|
|
||||||
if (scope.panel.display.choropleth.enabled) {
|
|
||||||
return 'land ' + dr.quantize(scope.data[d.short]);
|
|
||||||
} else {
|
|
||||||
return 'land';
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.attr("d", dr.path);
|
|
||||||
|
|
||||||
countryPath.exit().remove();
|
|
||||||
|
|
||||||
//If this is a sphere, set up drag and keypress listeners
|
|
||||||
if (scope.panel.display.data.type === 'orthographic') {
|
|
||||||
dr.svg.style("cursor", "move")
|
|
||||||
.call(d3.behavior.drag()
|
|
||||||
.origin(function() { var rotate = dr.projection.rotate(); return {x: 2 * rotate[0], y: -2 * rotate[1]}; })
|
|
||||||
.on("drag", function() {
|
|
||||||
if (scope.keylistener.keyActive(17)) {
|
|
||||||
dr.projection.rotate([d3.event.x / 2, -d3.event.y / 2, dr.projection.rotate()[2]]);
|
|
||||||
|
|
||||||
//dr.svg.selectAll("path").attr("d", dr.path);
|
|
||||||
dr.g.selectAll("path").attr("d", dr.path);
|
|
||||||
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
//Special fix for when the user changes from mercator -> orthographic
|
|
||||||
//The globe won't redraw automatically, we need to force it
|
|
||||||
if (scope.panel.display.data.type === 'orthographic') {
|
|
||||||
dr.svg.selectAll("path").attr("d", dr.path);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Display option rendering
|
|
||||||
* Order is important to render order here!
|
|
||||||
*/
|
|
||||||
|
|
||||||
//@todo fix this
|
|
||||||
var dimensions = [width, height];
|
|
||||||
displayBinning(scope, dr, dimensions);
|
|
||||||
displayGeopoints(scope, dr);
|
|
||||||
displayBullseye(scope, dr);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//If the panel scale is not default (e.g. the user has moved the maps around)
|
|
||||||
//set the scale and position to the last saved config
|
|
||||||
if (scope.panel.display.scale != -1) {
|
|
||||||
dr.zoom.scale(scope.panel.display.scale).translate(scope.panel.display.translate);
|
|
||||||
dr.g.style("stroke-width", 1 / scope.panel.display.scale).attr("transform", "translate(" + scope.panel.display.translate + ") scale(" + scope.panel.display.scale + ")");
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* On D3 zoom events, pan/zoom the map
|
|
||||||
* Only applies if the ctrl-key is not pressed, so it doesn't clobber
|
|
||||||
* sphere dragging
|
|
||||||
*/
|
|
||||||
function translate_map() {
|
|
||||||
|
|
||||||
var width = $(elem[0]).width(),
|
|
||||||
height = $(elem[0]).height();
|
|
||||||
|
|
||||||
if (! scope.keylistener.keyActive(17)) {
|
|
||||||
var t = d3.event.translate,
|
|
||||||
s = d3.event.scale;
|
|
||||||
t[0] = Math.min(width / 2 * (s - 1), Math.max(width / 2 * (1 - s), t[0]));
|
|
||||||
t[1] = Math.min(height / 2 * (s - 1) + 230 * s, Math.max(height / 2 * (1 - s) - 230 * s, t[1]));
|
|
||||||
dr.zoom.translate(t);
|
|
||||||
|
|
||||||
scope.panel.display.translate = t;
|
|
||||||
scope.panel.display.scale = s;
|
|
||||||
dr.g.style("stroke-width", 1 / s).attr("transform", "translate(" + t + ") scale(" + s + ")");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue
Block a user