摘要:
针对切片管理 针对EarthControl类 主要是管理主类 负责事件监听后重新刷新切片```javascript const BABYLON = require('babylonjs');import {EarthTool} from './EarthTool';import {BuildTile 阅读全文
posted @ 2022-01-21 09:31
haibalai
阅读(176)
评论(0)
推荐(0)
摘要:
针对切片管理 BuildTileTool类```javascriptconst BABYLON = require('babylonjs');import {TileTexture} from './TileTexture';import {EarthTool} from './EarthTool' 阅读全文
posted @ 2022-01-21 09:30
haibalai
阅读(173)
评论(0)
推荐(0)
摘要:
对于切片管理类 针对切片shader 获取 TileTexture类 , 调整PROVIDER 可以支持不同的切片地图```javascriptconst BABYLON = require('babylonjs'); export class TileTexture {constructor(sc 阅读全文
posted @ 2022-01-21 09:30
haibalai
阅读(154)
评论(0)
推荐(0)
摘要:
继续上一篇camera 的类 针对CameraEarthWheelControl```javascriptconst BABYLON = require('babylonjs');import {EarthTool} from './EarthTool'; export class CameraEa 阅读全文
posted @ 2022-01-21 09:29
haibalai
阅读(209)
评论(0)
推荐(0)
摘要:
首先babylonjs 相机我们要改造 对于相机改造类图如下 针对EarthCamera类 const BABYLON = require('babylonjs'); export class EarthCamera extends BABYLON.ArcRotateCamera { constru 阅读全文
posted @ 2022-01-21 09:29
haibalai
阅读(211)
评论(0)
推荐(0)
摘要:
今天我们来分享一下用babylonjs 构建三维地球, 并且支持 常用的第三方切片 首先我们先有一个工具类,支持切片计算,设置等级 经纬度转化等函数工具类 Tile 类 export class Tile { constructor(offsetX, offsetY, level, k, j, nF 阅读全文
posted @ 2022-01-21 09:28
haibalai
阅读(421)
评论(0)
推荐(0)
摘要:
针对HexagonLayer HexagonLayer 的数据构建器 const axios = require('axios') export default class TripsLayerParser { static getDataFromUrl(url: string) { return 阅读全文
posted @ 2022-01-21 09:27
haibalai
阅读(109)
评论(0)
推荐(0)
摘要:
针对deckgl TripsLayer 我们构建采集器,目的是支持多种数据类型到 TripsLayer, 并且支持arcgis 服务 const axios = require('axios') export default class TripsLayerParser { static getDa 阅读全文
posted @ 2022-01-21 09:27
haibalai
阅读(100)
评论(0)
推荐(0)
摘要:
arcgis 官网有与deckgl整合的二维三维整合也是可以,不过还是有点bug 我们先构建基础类 基础图层 const {loadArcGISModules} = require("@deck.gl/arcgis"); export default class BaseLayer { layer: 阅读全文
posted @ 2022-01-21 09:27
haibalai
阅读(150)
评论(0)
推荐(0)
摘要:
调用 let lineSymbol2 = { type: "simple-line", color: "#ffffff", width: "2", style: "solid" }, let lineSymbol = { type: "simple-line", color: "#1cccdf", 阅读全文
posted @ 2022-01-21 09:26
haibalai
阅读(52)
评论(0)
推荐(0)