mirror of
https://github.com/wavelog/wavelog.git
synced 2026-03-22 02:14:13 +00:00
PoC https://github.com/vasturiano/globe.gl for WaveLog
This commit is contained in:
int2001
76
assets/i.html
Normal file
76
assets/i.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<head>
|
||||
<style> body { margin: 0; } </style>
|
||||
|
||||
<script src="/assets/js/globe/globe.gl.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="globeViz"></div>
|
||||
|
||||
<script>
|
||||
main();
|
||||
|
||||
async function main() {
|
||||
let x=await getQsos();
|
||||
globePayArc=[];
|
||||
globePayLab=[];
|
||||
x.forEach((element) => {
|
||||
let OneQsoArc={};
|
||||
OneQsoArc.startLat=element.latlng1[0];
|
||||
OneQsoArc.startLng=element.latlng1[1];
|
||||
OneQsoArc.endLat=element.latlng2[0];
|
||||
OneQsoArc.endLng=element.latlng2[1];
|
||||
OneQsoArc.name=element.callsign;
|
||||
OneQsoArc.color = [['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)], ['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)]]
|
||||
globePayArc.push(OneQsoArc);
|
||||
let OneQsoLab={};
|
||||
OneQsoLab.lat=element.latlng2[0];
|
||||
OneQsoLab.lng=element.latlng2[1];
|
||||
OneQsoLab.text=element.callsign;
|
||||
globePayLab.push(OneQsoLab);
|
||||
});
|
||||
renderGlobe(globePayArc,globePayLab);
|
||||
}
|
||||
|
||||
async function getQsos() {
|
||||
let fdata=new FormData();
|
||||
fdata.append('de','1');
|
||||
fdata.append('qsoresults','100');
|
||||
|
||||
const response = await fetch('/index.php/logbookadvanced/mapQsos', {
|
||||
method: "POST",
|
||||
mode: "cors",
|
||||
cache: "no-cache",
|
||||
credentials: "same-origin",
|
||||
redirect: "follow",
|
||||
referrerPolicy: "no-referrer",
|
||||
body: fdata,
|
||||
});
|
||||
return response.json(); // parses JSON response into native JavaScript objects
|
||||
}
|
||||
|
||||
function renderGlobe(arcsData,labelData) {
|
||||
// Gen random data
|
||||
const N = 250;
|
||||
/*
|
||||
const arcsData = [...Array(N).keys()].map(() => ({
|
||||
startLat: (Math.random() - 0.5) * 180,
|
||||
startLng: (Math.random() - 0.5) * 360,
|
||||
endLat: (Math.random() - 0.5) * 180,
|
||||
endLng: (Math.random() - 0.5) * 360,
|
||||
color: [['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)], ['red', 'white', 'blue', 'green'][Math.round(Math.random() * 3)]]
|
||||
}));
|
||||
*/
|
||||
|
||||
Globe()
|
||||
.globeImageUrl('/assets/images/earth-blue-marble.jpg')
|
||||
.labelsData(labelData)
|
||||
.arcsData(arcsData)
|
||||
.arcColor('color')
|
||||
.arcDashLength(() => 1)
|
||||
.arcDashGap(() => 0)
|
||||
.arcDashAnimateTime(() => 4000 + 500)
|
||||
(document.getElementById('globeViz'))
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
BIN
assets/images/earth-blue-marble.jpg
Normal file
BIN
assets/images/earth-blue-marble.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
assets/images/earth-night.jpg
Normal file
BIN
assets/images/earth-night.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 698 KiB |
132
assets/js/globe/globe.gl.d.ts
vendored
Normal file
132
assets/js/globe/globe.gl.d.ts
vendored
Normal file
@@ -0,0 +1,132 @@
|
||||
import { WebGLRendererParameters, Light, Scene, Camera, WebGLRenderer, Object3D } from 'three';
|
||||
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
|
||||
import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
|
||||
import { ConfigOptions as ConfigOptions$1, ThreeGlobeGeneric } from 'three-globe';
|
||||
|
||||
interface ConfigOptions extends ConfigOptions$1 {
|
||||
rendererConfig?: WebGLRendererParameters
|
||||
}
|
||||
|
||||
type Accessor<In, Out> = Out | string | ((obj: In) => Out);
|
||||
type ObjAccessor<T> = Accessor<object, T>;
|
||||
|
||||
interface HexBin {
|
||||
points: object[],
|
||||
sumWeight: number,
|
||||
center: { lat: number, lng: number }
|
||||
}
|
||||
|
||||
interface GeoCoords {
|
||||
lat: number;
|
||||
lng: number;
|
||||
altitude: number;
|
||||
}
|
||||
|
||||
type PointerEventsFilterFn = (object: Object3D, data?: object) => boolean;
|
||||
|
||||
// don't surface these internal props from inner ThreeGlobe
|
||||
type ExcludedInnerProps = 'setPointOfView' | 'pauseAnimation' | 'resumeAnimation';
|
||||
|
||||
interface GlobeGenericInstance<ChainableInstance>
|
||||
extends Omit<ThreeGlobeGeneric<ChainableInstance>, ExcludedInnerProps> {
|
||||
(element: HTMLElement): ChainableInstance;
|
||||
resetProps(): ChainableInstance;
|
||||
_destructor(): void;
|
||||
|
||||
// Container layout
|
||||
width(): number;
|
||||
width(width: number): ChainableInstance;
|
||||
height(): number;
|
||||
height(height: number): ChainableInstance;
|
||||
backgroundColor(): string;
|
||||
backgroundColor(color: string): ChainableInstance;
|
||||
backgroundImageUrl(): string | null;
|
||||
backgroundImageUrl(url: string | null): ChainableInstance;
|
||||
|
||||
// Labels
|
||||
pointLabel(): ObjAccessor<string>;
|
||||
pointLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
arcLabel(): ObjAccessor<string>;
|
||||
arcLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
polygonLabel(): ObjAccessor<string>;
|
||||
polygonLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
pathLabel(): ObjAccessor<string>;
|
||||
pathLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
hexLabel(): Accessor<HexBin, string>;
|
||||
hexLabel(textAccessor: Accessor<HexBin, string>): ChainableInstance;
|
||||
tileLabel(): ObjAccessor<string>;
|
||||
tileLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
labelLabel(): ObjAccessor<string>;
|
||||
labelLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
objectLabel(): ObjAccessor<string>;
|
||||
objectLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
customLayerLabel(): ObjAccessor<string>;
|
||||
customLayerLabel(textAccessor: ObjAccessor<string>): ChainableInstance;
|
||||
|
||||
// Interaction events
|
||||
onGlobeClick(callback: (coords: { lat: number, lng: number }, event: MouseEvent) => void): ChainableInstance;
|
||||
onGlobeRightClick(callback: (coords: { lat: number, lng: number }, event: MouseEvent) => void): ChainableInstance;
|
||||
onPointClick(callback: (point: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onPointRightClick(callback: (point: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onPointHover(callback: (point: object | null, prevPoint: object | null) => void): ChainableInstance;
|
||||
onArcClick(callback: (arc: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onArcRightClick(callback: (arc: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onArcHover(callback: (arc: object | null, prevArc: object | null) => void): ChainableInstance;
|
||||
onPolygonClick(callback: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onPolygonRightClick(callback: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onPolygonHover(callback: (polygon: object | null, prevPolygon: object | null) => void): ChainableInstance;
|
||||
onPathClick(callback: (path: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onPathRightClick(callback: (path: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onPathHover(callback: (path: object | null, prevPath: object | null) => void): ChainableInstance;
|
||||
onHeatmapClick(callback: (heatmap: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onHeatmapRightClick(callback: (heatmap: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onHeatmapHover(callback: (heatmap: object | null, prevHeatmap: object | null) => void): ChainableInstance;
|
||||
onHexClick(callback: (hex: HexBin, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onHexRightClick(callback: (hex: HexBin, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onHexHover(callback: (hex: HexBin | null, prevHex: HexBin | null) => void): ChainableInstance;
|
||||
onHexPolygonClick(callback: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onHexPolygonRightClick(callback: (polygon: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onHexPolygonHover(callback: (polygon: object | null, prevPolygon: object | null) => void): ChainableInstance;
|
||||
onTileClick(callback: (tile: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onTileRightClick(callback: (tile: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onTileHover(callback: (tile: object | null, prevTile: object | null) => void): ChainableInstance;
|
||||
onLabelClick(callback: (label: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onLabelRightClick(callback: (label: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onLabelHover(callback: (label: object | null, prevLabel: object | null) => void): ChainableInstance;
|
||||
onObjectClick(callback: (obj: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onObjectRightClick(callback: (obj: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onObjectHover(callback: (obj: object | null, prevObj: object | null) => void): ChainableInstance;
|
||||
onCustomLayerClick(callback: (obj: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onCustomLayerRightClick(callback: (obj: object, event: MouseEvent, coords: { lat: number, lng: number, altitude: number }) => void): ChainableInstance;
|
||||
onCustomLayerHover(callback: (obj: object | null, prevObj: object | null) => void): ChainableInstance;
|
||||
|
||||
// Render control
|
||||
pointOfView(): GeoCoords;
|
||||
pointOfView(pov: { lat?: number, lng?: number, altitude?: number }, transitionMs?: number): ChainableInstance;
|
||||
pauseAnimation(): ChainableInstance;
|
||||
resumeAnimation(): ChainableInstance;
|
||||
enablePointerInteraction(): boolean;
|
||||
enablePointerInteraction(enable: boolean): ChainableInstance;
|
||||
pointerEventsFilter(): PointerEventsFilterFn;
|
||||
pointerEventsFilter(filterFn: PointerEventsFilterFn): ChainableInstance;
|
||||
lineHoverPrecision(): number;
|
||||
lineHoverPrecision(precision: number): ChainableInstance;
|
||||
onZoom(callback: (pov: GeoCoords) => void): ChainableInstance;
|
||||
lights(): Light[];
|
||||
lights(lights: Light[]): ChainableInstance;
|
||||
scene(): Scene;
|
||||
camera(): Camera;
|
||||
renderer(): WebGLRenderer;
|
||||
postProcessingComposer(): EffectComposer;
|
||||
controls(): OrbitControls;
|
||||
|
||||
// Utility
|
||||
getScreenCoords(lat: number, lng: number, altitude?: number): { x: number, y: number };
|
||||
toGlobeCoords(x: number, y: number): { lat: number, lng: number} | null;
|
||||
}
|
||||
|
||||
type GlobeInstance = GlobeGenericInstance<GlobeInstance>;
|
||||
|
||||
declare function Globe(configOptions?: ConfigOptions): GlobeInstance;
|
||||
|
||||
export { type ConfigOptions, type GlobeGenericInstance, type GlobeInstance, Globe as default };
|
||||
76061
assets/js/globe/globe.gl.js
Normal file
76061
assets/js/globe/globe.gl.js
Normal file
File diff suppressed because one or more lines are too long
1
assets/js/globe/globe.gl.js.map
Normal file
1
assets/js/globe/globe.gl.js.map
Normal file
File diff suppressed because one or more lines are too long
35
assets/js/globe/globe.gl.min.js
vendored
Normal file
35
assets/js/globe/globe.gl.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
751
assets/js/globe/globe.gl.mjs
Normal file
751
assets/js/globe/globe.gl.mjs
Normal file
@@ -0,0 +1,751 @@
|
||||
import { AmbientLight, DirectionalLight, Vector2 } from 'three';
|
||||
import { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer.js';
|
||||
import ThreeGlobe from 'three-globe';
|
||||
import ThreeRenderObjects from 'three-render-objects';
|
||||
import accessorFn from 'accessor-fn';
|
||||
import Kapsule from 'kapsule';
|
||||
import * as TWEEN from '@tweenjs/tween.js';
|
||||
|
||||
function styleInject(css, ref) {
|
||||
if (ref === void 0) ref = {};
|
||||
var insertAt = ref.insertAt;
|
||||
if (!css || typeof document === 'undefined') {
|
||||
return;
|
||||
}
|
||||
var head = document.head || document.getElementsByTagName('head')[0];
|
||||
var style = document.createElement('style');
|
||||
style.type = 'text/css';
|
||||
if (insertAt === 'top') {
|
||||
if (head.firstChild) {
|
||||
head.insertBefore(style, head.firstChild);
|
||||
} else {
|
||||
head.appendChild(style);
|
||||
}
|
||||
} else {
|
||||
head.appendChild(style);
|
||||
}
|
||||
if (style.styleSheet) {
|
||||
style.styleSheet.cssText = css;
|
||||
} else {
|
||||
style.appendChild(document.createTextNode(css));
|
||||
}
|
||||
}
|
||||
|
||||
var css_248z = ".scene-container .clickable {\n cursor: pointer;\n}";
|
||||
styleInject(css_248z);
|
||||
|
||||
function ownKeys(e, r) {
|
||||
var t = Object.keys(e);
|
||||
if (Object.getOwnPropertySymbols) {
|
||||
var o = Object.getOwnPropertySymbols(e);
|
||||
r && (o = o.filter(function (r) {
|
||||
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
||||
})), t.push.apply(t, o);
|
||||
}
|
||||
return t;
|
||||
}
|
||||
function _objectSpread2(e) {
|
||||
for (var r = 1; r < arguments.length; r++) {
|
||||
var t = null != arguments[r] ? arguments[r] : {};
|
||||
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
||||
_defineProperty(e, r, t[r]);
|
||||
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
||||
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
||||
});
|
||||
}
|
||||
return e;
|
||||
}
|
||||
function _toPrimitive(t, r) {
|
||||
if ("object" != typeof t || !t) return t;
|
||||
var e = t[Symbol.toPrimitive];
|
||||
if (void 0 !== e) {
|
||||
var i = e.call(t, r || "default");
|
||||
if ("object" != typeof i) return i;
|
||||
throw new TypeError("@@toPrimitive must return a primitive value.");
|
||||
}
|
||||
return ("string" === r ? String : Number)(t);
|
||||
}
|
||||
function _toPropertyKey(t) {
|
||||
var i = _toPrimitive(t, "string");
|
||||
return "symbol" == typeof i ? i : String(i);
|
||||
}
|
||||
function _defineProperty(obj, key, value) {
|
||||
key = _toPropertyKey(key);
|
||||
if (key in obj) {
|
||||
Object.defineProperty(obj, key, {
|
||||
value: value,
|
||||
enumerable: true,
|
||||
configurable: true,
|
||||
writable: true
|
||||
});
|
||||
} else {
|
||||
obj[key] = value;
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
function _objectWithoutPropertiesLoose(source, excluded) {
|
||||
if (source == null) return {};
|
||||
var target = {};
|
||||
var sourceKeys = Object.keys(source);
|
||||
var key, i;
|
||||
for (i = 0; i < sourceKeys.length; i++) {
|
||||
key = sourceKeys[i];
|
||||
if (excluded.indexOf(key) >= 0) continue;
|
||||
target[key] = source[key];
|
||||
}
|
||||
return target;
|
||||
}
|
||||
function _objectWithoutProperties(source, excluded) {
|
||||
if (source == null) return {};
|
||||
var target = _objectWithoutPropertiesLoose(source, excluded);
|
||||
var key, i;
|
||||
if (Object.getOwnPropertySymbols) {
|
||||
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
||||
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
||||
key = sourceSymbolKeys[i];
|
||||
if (excluded.indexOf(key) >= 0) continue;
|
||||
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
||||
target[key] = source[key];
|
||||
}
|
||||
}
|
||||
return target;
|
||||
}
|
||||
function _toConsumableArray(arr) {
|
||||
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
||||
}
|
||||
function _arrayWithoutHoles(arr) {
|
||||
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
||||
}
|
||||
function _iterableToArray(iter) {
|
||||
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
||||
}
|
||||
function _unsupportedIterableToArray(o, minLen) {
|
||||
if (!o) return;
|
||||
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
||||
var n = Object.prototype.toString.call(o).slice(8, -1);
|
||||
if (n === "Object" && o.constructor) n = o.constructor.name;
|
||||
if (n === "Map" || n === "Set") return Array.from(o);
|
||||
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
||||
}
|
||||
function _arrayLikeToArray(arr, len) {
|
||||
if (len == null || len > arr.length) len = arr.length;
|
||||
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
||||
return arr2;
|
||||
}
|
||||
function _nonIterableSpread() {
|
||||
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
||||
}
|
||||
|
||||
function linkKapsule (kapsulePropName, kapsuleType) {
|
||||
var dummyK = new kapsuleType(); // To extract defaults
|
||||
dummyK._destructor && dummyK._destructor();
|
||||
return {
|
||||
linkProp: function linkProp(prop) {
|
||||
// link property config
|
||||
return {
|
||||
"default": dummyK[prop](),
|
||||
onChange: function onChange(v, state) {
|
||||
state[kapsulePropName][prop](v);
|
||||
},
|
||||
triggerUpdate: false
|
||||
};
|
||||
},
|
||||
linkMethod: function linkMethod(method) {
|
||||
// link method pass-through
|
||||
return function (state) {
|
||||
var kapsuleInstance = state[kapsulePropName];
|
||||
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||||
args[_key - 1] = arguments[_key];
|
||||
}
|
||||
var returnVal = kapsuleInstance[method].apply(kapsuleInstance, args);
|
||||
return returnVal === kapsuleInstance ? this // chain based on the parent object, not the inner kapsule
|
||||
: returnVal;
|
||||
};
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var _excluded = ["rendererConfig", "waitForGlobeReady"];
|
||||
var THREE = _objectSpread2(_objectSpread2({}, window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
|
||||
: {
|
||||
AmbientLight: AmbientLight,
|
||||
DirectionalLight: DirectionalLight,
|
||||
Vector2: Vector2
|
||||
}), {}, {
|
||||
CSS2DRenderer: CSS2DRenderer
|
||||
});
|
||||
|
||||
//
|
||||
|
||||
// Expose config from ThreeGlobe
|
||||
var bindGlobe = linkKapsule('globe', ThreeGlobe);
|
||||
var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'showGlobe', 'showGraticules', 'showAtmosphere', 'atmosphereColor', 'atmosphereAltitude', 'onGlobeReady', 'pointsData', 'pointLat', 'pointLng', 'pointColor', 'pointAltitude', 'pointRadius', 'pointResolution', 'pointsMerge', 'pointsTransitionDuration', 'arcsData', 'arcStartLat', 'arcStartLng', 'arcEndLat', 'arcEndLng', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration', 'polygonsData', 'polygonGeoJsonGeometry', 'polygonCapColor', 'polygonCapMaterial', 'polygonSideColor', 'polygonSideMaterial', 'polygonStrokeColor', 'polygonAltitude', 'polygonCapCurvatureResolution', 'polygonsTransitionDuration', 'pathsData', 'pathPoints', 'pathPointLat', 'pathPointLng', 'pathPointAlt', 'pathResolution', 'pathColor', 'pathStroke', 'pathDashLength', 'pathDashGap', 'pathDashInitialGap', 'pathDashAnimateTime', 'pathTransitionDuration', 'heatmapsData', 'heatmapPoints', 'heatmapPointLat', 'heatmapPointLng', 'heatmapPointWeight', 'heatmapBandwidth', 'heatmapColorFn', 'heatmapColorSaturation', 'heatmapBaseAltitude', 'heatmapTopAltitude', 'heatmapsTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonUseDots', 'hexPolygonCurvatureResolution', 'hexPolygonDotResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'ringsData', 'ringLat', 'ringLng', 'ringAltitude', 'ringColor', 'ringResolution', 'ringMaxRadius', 'ringPropagationSpeed', 'ringRepeatPeriod', 'labelsData', 'labelLat', 'labelLng', 'labelAltitude', 'labelRotation', 'labelText', 'labelSize', 'labelTypeFace', 'labelColor', 'labelResolution', 'labelIncludeDot', 'labelDotRadius', 'labelDotOrientation', 'labelsTransitionDuration', 'htmlElementsData', 'htmlLat', 'htmlLng', 'htmlAltitude', 'htmlElement', 'htmlTransitionDuration', 'objectsData', 'objectLat', 'objectLng', 'objectAltitude', 'objectRotation', 'objectFacesSurface', 'objectThreeObject', 'customLayerData', 'customThreeObject', 'customThreeObjectUpdate'].map(function (p) {
|
||||
return _defineProperty({}, p, bindGlobe.linkProp(p));
|
||||
})));
|
||||
var linkedGlobeMethods = Object.assign.apply(Object, _toConsumableArray(['globeMaterial', 'getGlobeRadius', 'getCoords', 'toGeoCoords'].map(function (p) {
|
||||
return _defineProperty({}, p, bindGlobe.linkMethod(p));
|
||||
})));
|
||||
|
||||
// Expose config from renderObjs
|
||||
var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects);
|
||||
var linkedRenderObjsProps = Object.assign.apply(Object, _toConsumableArray(['width', 'height', 'backgroundColor', 'backgroundImageUrl', 'enablePointerInteraction'].map(function (p) {
|
||||
return _defineProperty({}, p, bindRenderObjs.linkProp(p));
|
||||
})));
|
||||
var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray(['lights', 'postProcessingComposer'].map(function (p) {
|
||||
return _defineProperty({}, p, bindRenderObjs.linkMethod(p));
|
||||
})));
|
||||
|
||||
//
|
||||
|
||||
var globe = Kapsule({
|
||||
props: _objectSpread2(_objectSpread2({
|
||||
onZoom: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onGlobeClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onGlobeRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
pointLabel: {
|
||||
"default": 'name',
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPointClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPointRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPointHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
arcLabel: {
|
||||
"default": 'name',
|
||||
triggerUpdate: false
|
||||
},
|
||||
onArcClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onArcRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onArcHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
polygonLabel: {
|
||||
"default": 'name',
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPolygonClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPolygonRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPolygonHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
pathLabel: {
|
||||
"default": 'name',
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPathClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPathRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onPathHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHeatmapClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHeatmapRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHeatmapHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
hexLabel: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHexClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHexRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHexHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
hexPolygonLabel: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHexPolygonClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHexPolygonRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onHexPolygonHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
tileLabel: {
|
||||
"default": 'name',
|
||||
triggerUpdate: false
|
||||
},
|
||||
onTileClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onTileRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onTileHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
labelLabel: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onLabelClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onLabelRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onLabelHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
objectLabel: {
|
||||
"default": 'name',
|
||||
triggerUpdate: false
|
||||
},
|
||||
onObjectClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onObjectRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onObjectHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
customLayerLabel: {
|
||||
"default": 'name',
|
||||
triggerUpdate: false
|
||||
},
|
||||
onCustomLayerClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onCustomLayerRightClick: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
onCustomLayerHover: {
|
||||
triggerUpdate: false
|
||||
},
|
||||
pointerEventsFilter: {
|
||||
"default": function _default() {
|
||||
return true;
|
||||
},
|
||||
triggerUpdate: false,
|
||||
onChange: function onChange(filterFn, state) {
|
||||
return state.renderObjs.hoverFilter(function (obj) {
|
||||
return filterFn(obj, obj.__data);
|
||||
});
|
||||
}
|
||||
},
|
||||
lineHoverPrecision: {
|
||||
"default": 0.2,
|
||||
triggerUpdate: false,
|
||||
onChange: function onChange(val, state) {
|
||||
return state.renderObjs.lineHoverPrecision(val);
|
||||
}
|
||||
}
|
||||
}, linkedGlobeProps), linkedRenderObjsProps),
|
||||
methods: _objectSpread2(_objectSpread2({
|
||||
pauseAnimation: function pauseAnimation(state) {
|
||||
var _state$globe;
|
||||
if (state.animationFrameRequestId !== null) {
|
||||
cancelAnimationFrame(state.animationFrameRequestId);
|
||||
state.animationFrameRequestId = null;
|
||||
}
|
||||
(_state$globe = state.globe) === null || _state$globe === void 0 || _state$globe.pauseAnimation();
|
||||
return this;
|
||||
},
|
||||
resumeAnimation: function resumeAnimation(state) {
|
||||
var _state$globe2;
|
||||
if (state.animationFrameRequestId === null) {
|
||||
this._animationCycle();
|
||||
}
|
||||
(_state$globe2 = state.globe) === null || _state$globe2 === void 0 || _state$globe2.resumeAnimation();
|
||||
return this;
|
||||
},
|
||||
_animationCycle: function _animationCycle(state) {
|
||||
// Frame cycle
|
||||
state.renderObjs.tick();
|
||||
state.animationFrameRequestId = requestAnimationFrame(this._animationCycle);
|
||||
},
|
||||
pointOfView: function pointOfView(state) {
|
||||
var geoCoords = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
||||
var transitionDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
||||
var curGeoCoords = getGeoCoords();
|
||||
|
||||
// Getter
|
||||
if (geoCoords.lat === undefined && geoCoords.lng === undefined && geoCoords.altitude === undefined) {
|
||||
return curGeoCoords;
|
||||
} else {
|
||||
// Setter
|
||||
var finalGeoCoords = Object.assign({}, curGeoCoords, geoCoords);
|
||||
['lat', 'lng', 'altitude'].forEach(function (p) {
|
||||
return finalGeoCoords[p] = +finalGeoCoords[p];
|
||||
}); // coerce coords to number
|
||||
|
||||
if (!transitionDuration) {
|
||||
// no animation
|
||||
setCameraPos(finalGeoCoords);
|
||||
} else {
|
||||
// Avoid rotating more than 180deg longitude
|
||||
while (curGeoCoords.lng - finalGeoCoords.lng > 180) curGeoCoords.lng -= 360;
|
||||
while (curGeoCoords.lng - finalGeoCoords.lng < -180) curGeoCoords.lng += 360;
|
||||
new TWEEN.Tween(curGeoCoords).to(finalGeoCoords, transitionDuration).easing(TWEEN.Easing.Cubic.InOut).onUpdate(setCameraPos).start();
|
||||
}
|
||||
return this;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
function getGeoCoords() {
|
||||
return state.globe.toGeoCoords(state.renderObjs.cameraPosition());
|
||||
}
|
||||
function setCameraPos(_ref5) {
|
||||
var lat = _ref5.lat,
|
||||
lng = _ref5.lng,
|
||||
altitude = _ref5.altitude;
|
||||
state.renderObjs.cameraPosition(state.globe.getCoords(lat, lng, altitude));
|
||||
}
|
||||
},
|
||||
getScreenCoords: function getScreenCoords(state) {
|
||||
var _state$globe3;
|
||||
for (var _len = arguments.length, geoCoords = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||||
geoCoords[_key - 1] = arguments[_key];
|
||||
}
|
||||
var cartesianCoords = (_state$globe3 = state.globe).getCoords.apply(_state$globe3, geoCoords);
|
||||
return state.renderObjs.getScreenCoords(cartesianCoords.x, cartesianCoords.y, cartesianCoords.z);
|
||||
},
|
||||
toGlobeCoords: function toGlobeCoords(state, x, y) {
|
||||
var globeIntersects = state.renderObjs.intersectingObjects(x, y).find(function (d) {
|
||||
return d.object.__globeObjType === 'globe';
|
||||
});
|
||||
if (!globeIntersects) return null; // coords outside globe
|
||||
|
||||
var _state$globe$toGeoCoo = state.globe.toGeoCoords(globeIntersects.point),
|
||||
lat = _state$globe$toGeoCoo.lat,
|
||||
lng = _state$globe$toGeoCoo.lng;
|
||||
return {
|
||||
lat: lat,
|
||||
lng: lng
|
||||
};
|
||||
},
|
||||
scene: function scene(state) {
|
||||
return state.renderObjs.scene();
|
||||
},
|
||||
// Expose scene
|
||||
camera: function camera(state) {
|
||||
return state.renderObjs.camera();
|
||||
},
|
||||
// Expose camera
|
||||
renderer: function renderer(state) {
|
||||
return state.renderObjs.renderer();
|
||||
},
|
||||
// Expose renderer
|
||||
controls: function controls(state) {
|
||||
return state.renderObjs.controls();
|
||||
},
|
||||
// Expose controls
|
||||
_destructor: function _destructor(state) {
|
||||
state.globe._destructor();
|
||||
this.pauseAnimation();
|
||||
this.pointsData([]);
|
||||
this.arcsData([]);
|
||||
this.polygonsData([]);
|
||||
this.pathsData([]);
|
||||
this.heatmapsData([]);
|
||||
this.hexBinPointsData([]);
|
||||
this.hexPolygonsData([]);
|
||||
this.tilesData([]);
|
||||
this.labelsData([]);
|
||||
this.htmlElementsData([]);
|
||||
this.objectsData([]);
|
||||
this.customLayerData([]);
|
||||
}
|
||||
}, linkedGlobeMethods), linkedRenderObjsMethods),
|
||||
stateInit: function stateInit(_ref6) {
|
||||
var rendererConfig = _ref6.rendererConfig,
|
||||
_ref6$waitForGlobeRea = _ref6.waitForGlobeReady,
|
||||
waitForGlobeReady = _ref6$waitForGlobeRea === void 0 ? true : _ref6$waitForGlobeRea,
|
||||
globeInitConfig = _objectWithoutProperties(_ref6, _excluded);
|
||||
var globe = new ThreeGlobe(_objectSpread2({
|
||||
waitForGlobeReady: waitForGlobeReady
|
||||
}, globeInitConfig));
|
||||
return {
|
||||
globe: globe,
|
||||
renderObjs: ThreeRenderObjects({
|
||||
controlType: 'orbit',
|
||||
rendererConfig: rendererConfig,
|
||||
waitForLoadComplete: waitForGlobeReady,
|
||||
extraRenderers: [new THREE.CSS2DRenderer()] // Used in HTML elements layer
|
||||
}).skyRadius(globe.getGlobeRadius() * 500).showNavInfo(false).objects([globe]) // Populate scene
|
||||
.lights([new THREE.AmbientLight(0xcccccc, Math.PI), new THREE.DirectionalLight(0xffffff, 0.6 * Math.PI)])
|
||||
};
|
||||
},
|
||||
init: function init(domNode, state) {
|
||||
var _this = this;
|
||||
// Wipe DOM
|
||||
domNode.innerHTML = '';
|
||||
|
||||
// Add relative container
|
||||
domNode.appendChild(state.container = document.createElement('div'));
|
||||
state.container.style.position = 'relative';
|
||||
|
||||
// Add renderObjs
|
||||
var roDomNode = document.createElement('div');
|
||||
state.container.appendChild(roDomNode);
|
||||
state.renderObjs(roDomNode);
|
||||
|
||||
// inject renderer size on three-globe
|
||||
state.globe.rendererSize(state.renderObjs.renderer().getSize(new THREE.Vector2()));
|
||||
|
||||
// set initial distance
|
||||
this.pointOfView({
|
||||
altitude: 2.5
|
||||
});
|
||||
|
||||
// calibrate orbit controls
|
||||
var globeR = state.globe.getGlobeRadius();
|
||||
var controls = state.renderObjs.controls();
|
||||
controls.minDistance = globeR * 1.01; // just above the surface
|
||||
controls.maxDistance = globeR * 100;
|
||||
controls.enablePan = false;
|
||||
controls.enableDamping = true;
|
||||
controls.dampingFactor = 0.1;
|
||||
controls.rotateSpeed = 0.3;
|
||||
controls.zoomSpeed = 0.3;
|
||||
controls.addEventListener('change', function () {
|
||||
// adjust controls speed based on altitude
|
||||
var pov = _this.pointOfView();
|
||||
controls.rotateSpeed = pov.altitude * 0.2; // Math.pow(pov.altitude + 1, 2) * 0.025;
|
||||
controls.zoomSpeed = (pov.altitude + 1) * 0.1; // Math.sqrt(pov.altitude) * 0.2;
|
||||
|
||||
// Update three-globe pov when camera moves, for proper hiding of elements
|
||||
state.globe.setPointOfView(state.renderObjs.camera().position);
|
||||
state.onZoom && state.onZoom(pov);
|
||||
});
|
||||
|
||||
// config renderObjs
|
||||
var getGlobeObj = function getGlobeObj(object) {
|
||||
var obj = object;
|
||||
// recurse up object chain until finding the globe object
|
||||
while (obj && !obj.hasOwnProperty('__globeObjType')) {
|
||||
obj = obj.parent;
|
||||
}
|
||||
return obj;
|
||||
};
|
||||
var dataAccessors = {
|
||||
point: function point(d) {
|
||||
return d;
|
||||
},
|
||||
arc: function arc(d) {
|
||||
return d;
|
||||
},
|
||||
polygon: function polygon(d) {
|
||||
return d.data;
|
||||
},
|
||||
path: function path(d) {
|
||||
return d;
|
||||
},
|
||||
heatmap: function heatmap(d) {
|
||||
return d;
|
||||
},
|
||||
hexbin: function hexbin(d) {
|
||||
return d;
|
||||
},
|
||||
hexPolygon: function hexPolygon(d) {
|
||||
return d;
|
||||
},
|
||||
tile: function tile(d) {
|
||||
return d;
|
||||
},
|
||||
label: function label(d) {
|
||||
return d;
|
||||
},
|
||||
object: function object(d) {
|
||||
return d;
|
||||
},
|
||||
custom: function custom(d) {
|
||||
return d;
|
||||
}
|
||||
};
|
||||
state.renderObjs.renderer().useLegacyLights = false; // force behavior of three < 155
|
||||
state.renderObjs.hoverOrderComparator(function (a, b) {
|
||||
var aObj = getGlobeObj(a);
|
||||
var bObj = getGlobeObj(b);
|
||||
|
||||
// de-prioritize background / non-globe objects
|
||||
var isBackground = function isBackground(o) {
|
||||
return !o;
|
||||
}; // || o.__globeObjType === 'globe' || o.__globeObjType === 'atmosphere';
|
||||
return isBackground(aObj) - isBackground(bObj);
|
||||
}).tooltipContent(function (obj) {
|
||||
var objAccessors = {
|
||||
point: state.pointLabel,
|
||||
arc: state.arcLabel,
|
||||
polygon: state.polygonLabel,
|
||||
path: state.pathLabel,
|
||||
hexbin: state.hexLabel,
|
||||
hexPolygon: state.hexPolygonLabel,
|
||||
tile: state.tileLabel,
|
||||
label: state.labelLabel,
|
||||
object: state.objectLabel,
|
||||
custom: state.customLayerLabel
|
||||
};
|
||||
var globeObj = getGlobeObj(obj);
|
||||
var objType = globeObj && globeObj.__globeObjType;
|
||||
return globeObj && objType && objAccessors.hasOwnProperty(objType) && dataAccessors.hasOwnProperty(objType) ? accessorFn(objAccessors[objType])(dataAccessors[objType](globeObj.__data)) || '' : '';
|
||||
}).onHover(function (obj) {
|
||||
// Update tooltip and trigger onHover events
|
||||
var hoverObjFns = {
|
||||
point: state.onPointHover,
|
||||
arc: state.onArcHover,
|
||||
polygon: state.onPolygonHover,
|
||||
path: state.onPathHover,
|
||||
heatmap: state.onHeatmapHover,
|
||||
hexbin: state.onHexHover,
|
||||
hexPolygon: state.onHexPolygonHover,
|
||||
tile: state.onTileHover,
|
||||
label: state.onLabelHover,
|
||||
object: state.onObjectHover,
|
||||
custom: state.onCustomLayerHover
|
||||
};
|
||||
var clickObjFns = {
|
||||
globe: state.onGlobeClick,
|
||||
point: state.onPointClick,
|
||||
arc: state.onArcClick,
|
||||
polygon: state.onPolygonClick,
|
||||
path: state.onPathClick,
|
||||
heatmap: state.onHeatmapClick,
|
||||
hexbin: state.onHexClick,
|
||||
hexPolygon: state.onHexPolygonClick,
|
||||
tile: state.onTileClick,
|
||||
label: state.onLabelClick,
|
||||
object: state.onObjectClick,
|
||||
custom: state.onCustomLayerClick
|
||||
};
|
||||
var hoverObj = getGlobeObj(obj);
|
||||
|
||||
// ignore non-recognised obj types
|
||||
hoverObj && !hoverObjFns.hasOwnProperty(hoverObj.__globeObjType) && (hoverObj = null);
|
||||
if (hoverObj !== state.hoverObj) {
|
||||
var prevObjType = state.hoverObj ? state.hoverObj.__globeObjType : null;
|
||||
var prevObjData = state.hoverObj ? dataAccessors[prevObjType](state.hoverObj.__data) : null;
|
||||
var objType = hoverObj ? hoverObj.__globeObjType : null;
|
||||
var objData = hoverObj ? dataAccessors[objType](hoverObj.__data) : null;
|
||||
if (prevObjType && prevObjType !== objType) {
|
||||
// Hover out
|
||||
hoverObjFns[prevObjType] && hoverObjFns[prevObjType](null, prevObjData);
|
||||
}
|
||||
if (objType) {
|
||||
// Hover in
|
||||
hoverObjFns[objType] && hoverObjFns[objType](objData, prevObjType === objType ? prevObjData : null);
|
||||
}
|
||||
|
||||
// set pointer if hovered object is clickable
|
||||
state.renderObjs.renderer().domElement.classList[objType && clickObjFns[objType] ? 'add' : 'remove']('clickable');
|
||||
state.hoverObj = hoverObj;
|
||||
}
|
||||
}).onClick(function (obj, ev, point) {
|
||||
if (!obj) return; // ignore background clicks
|
||||
|
||||
// Handle click events on objects
|
||||
var objFns = {
|
||||
globe: state.onGlobeClick,
|
||||
point: state.onPointClick,
|
||||
arc: state.onArcClick,
|
||||
polygon: state.onPolygonClick,
|
||||
path: state.onPathClick,
|
||||
heatmap: state.onHeatmapClick,
|
||||
hexbin: state.onHexClick,
|
||||
hexPolygon: state.onHexPolygonClick,
|
||||
tile: state.onTileClick,
|
||||
label: state.onLabelClick,
|
||||
object: state.onObjectClick,
|
||||
custom: state.onCustomLayerClick
|
||||
};
|
||||
var globeObj = getGlobeObj(obj);
|
||||
var objType = globeObj.__globeObjType;
|
||||
if (globeObj && objFns.hasOwnProperty(objType) && objFns[objType]) {
|
||||
var args = [ev];
|
||||
|
||||
// include click coords
|
||||
if (objType === 'globe') {
|
||||
var _this$toGeoCoords = _this.toGeoCoords(point),
|
||||
lat = _this$toGeoCoords.lat,
|
||||
lng = _this$toGeoCoords.lng;
|
||||
args.unshift({
|
||||
lat: lat,
|
||||
lng: lng
|
||||
});
|
||||
} else {
|
||||
args.push(_this.toGeoCoords(point));
|
||||
}
|
||||
dataAccessors.hasOwnProperty(objType) && args.unshift(dataAccessors[objType](globeObj.__data));
|
||||
objFns[objType].apply(objFns, args);
|
||||
}
|
||||
}).onRightClick(function (obj, ev, point) {
|
||||
if (!obj) return; // ignore background clicks
|
||||
|
||||
// Handle right-click events
|
||||
var objFns = {
|
||||
globe: state.onGlobeRightClick,
|
||||
point: state.onPointRightClick,
|
||||
arc: state.onArcRightClick,
|
||||
polygon: state.onPolygonRightClick,
|
||||
path: state.onPathRightClick,
|
||||
heatmap: state.onHeatmapRightClick,
|
||||
hexbin: state.onHexRightClick,
|
||||
hexPolygon: state.onHexPolygonRightClick,
|
||||
tile: state.onTileRightClick,
|
||||
label: state.onLabelRightClick,
|
||||
object: state.onObjectRightClick,
|
||||
custom: state.onCustomLayerRightClick
|
||||
};
|
||||
var globeObj = getGlobeObj(obj);
|
||||
var objType = globeObj.__globeObjType;
|
||||
if (globeObj && objFns.hasOwnProperty(objType) && objFns[objType]) {
|
||||
var args = [ev];
|
||||
|
||||
// include click coords
|
||||
if (objType === 'globe') {
|
||||
var _this$toGeoCoords2 = _this.toGeoCoords(point),
|
||||
lat = _this$toGeoCoords2.lat,
|
||||
lng = _this$toGeoCoords2.lng;
|
||||
args.unshift({
|
||||
lat: lat,
|
||||
lng: lng
|
||||
});
|
||||
} else {
|
||||
args.push(_this.toGeoCoords(point));
|
||||
}
|
||||
dataAccessors.hasOwnProperty(objType) && args.unshift(dataAccessors[objType](globeObj.__data));
|
||||
objFns[objType].apply(objFns, args);
|
||||
}
|
||||
});
|
||||
|
||||
//
|
||||
|
||||
// Kick-off renderer
|
||||
this._animationCycle();
|
||||
}
|
||||
});
|
||||
|
||||
export { globe as default };
|
||||
3612
assets/json/dok.txt
3612
assets/json/dok.txt
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user