dergeorg/NtopngGlobe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

geoip -> fast-geopip + uid's + Local resources + data filtering v2

Browse Source
This commit is contained in:
Georg Reisinger
2022-02-01 16:34:41 +01:00
parent 3ff5f659f4
commit 3a1b0cc7df
15 changed files with 62178 additions and 579 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
public/globe.html
View File

@ -1,12 +1,17 @@
<head>
<style> body { margin: 0; } </style>
<script src="//unpkg.com/react/umd/react.production.min.js"></script>
<script src="//unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
<script src="//unpkg.com/babel-standalone"></script>
<script src="/react.production.min.js"></script>
<!-- <script src="//unpkg.com/react/umd/react.production.min.js"></script>-->
<script src="/react-dom.production.min.js"></script>
<!-- <script src="//unpkg.com/react-dom/umd/react-dom.production.min.js"></script>-->
<!-- <script src="//unpkg.com/babel-standalone"></script>-->
<script src="/babel.js"></script>
<script src="//unpkg.com/react-globe.gl"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="/react-globe.js"></script>
<!-- <script src="//unpkg.com/react-globe.gl"></script>-->
<!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
<script src="/axios.min.js"></script>
</head>
<body>
@ -20,16 +25,17 @@
console.log(data)
ReactDOM.render(
<Globe
globeImageUrl="//unpkg.com/three-globe/example/img/earth-night.jpg"
backgroundImageUrl="//unpkg.com/three-globe/example/img/night-sky.png"
globeImageUrl="/images/earth-night.jpg"
backgroundImageUrl="/images/night-sky.png"
// edges
arcsData={data.arc}
arcColor={(d) => [d.color[0], d.color[1]]}
arcDashLength={(d) => d.stroke - 0.1 + 0.3}
// arcDashLength={(d) => d.stroke - 0.1}
arcAltitudeAutoScale={0.5}
arcDashGap={(d) => 0.1 + (1 - (d.stroke - 0.1))}
arcDashAnimateTime={(d) => (1.1 - d.stroke) * 5000 + 2000}
arcStroke={"stroke"}
arcStroke={0.4}
//arcCircularResolution={64}
// arcLabel={() => "test"}
// labels
@ -37,19 +43,13 @@
labelLat={(d) => d.lat}
labelLng={(d) => d.lng}
labelText={(d) => d.name}
labelSize={(d) => 0.5 + d.size}
labelDotRadius={(d) => 0.5 + d.size}
// labelSize={(d) => 0.5 + d.size}
labelSize={0}
labelDotRadius={0.4}
// labelDotRadius={(d) => 0.5 + d.size}
labelColor={(d) => d.color}
labelResolution={2}
// bars
hexBinPointsData={data.loc}
hexBinPointWeight="size"
//hexAltitude={(d) => d.sumWeight / 4}
hexBinResolution={4}
hexTopColor={(d) => d.color}
hexSideColor={(d) => d.color}
hexBinMerge={true}
enablePointerInteraction={false}
enablePointerInteraction={true}
/>,
document.getElementById('globeViz')
);