摘要：
调用 let p1 = cw5.geometryCreator.createPoint(150139, 37917, 64); let p2 = cw5.geometryCreator.createPoint(150180, 37854, 64); let poi1 = cw5.geometryCr 阅读全文
posted @ 2022-01-21 11:30
haibalai
阅读(38)
评论(0)
推荐(0)
摘要：
针对设置citymaker 天空盒工具类skyBox ```javascript import { cw5 } from "../index.js";export const skyBox = {}; /** 设置天空盒图片 @param baseUrl 天空盒图片的基础路径 @param imag 阅读全文
posted @ 2022-01-21 11:28
haibalai
阅读(49)
评论(0)
推荐(0)
摘要：
这次我们来说下要素构建 要素构建 ```javasctiptimport { cw5 } from "../index.js"; export const geometryCreator = {}; //原生类型值反映射枚举; type, 代表高程 let innerType = {0: "unkn 阅读全文
posted @ 2022-01-21 11:28
haibalai
阅读(42)
评论(0)
推荐(0)
摘要：
这个系列最重要的来了 cw5这个类主要是构建地图加载 针对citymaker初始化 <div class="map-container" style="float:left;width:1200px;height:800px;"> <object id="__g" type="application 阅读全文
posted @ 2022-01-21 11:27
haibalai
阅读(56)
评论(0)
推荐(0)
摘要：
针对加载citymaker的图层 和主容器的配置如果是ted 类型dataset 和 name参数参考citymaker server服务器发布的服务 { "aliceName": "map_dixing", "handle": "地形", "dataSet": "pingshan0213", "g 阅读全文
posted @ 2022-01-21 11:26
haibalai
阅读(62)
评论(0)
推荐(0)
摘要：
针对 事件推送模块 我们使用eventBus来做 后续的功能都会使用这个事件总线```javascript /** Created by Administrator on 2017/4/26 0026.*/import EventEmitter from 'wolfy87-eventemitter' 阅读全文
posted @ 2022-01-21 11:25
haibalai
阅读(41)
评论(0)
推荐(0)
摘要：
对于调用方式 这里使用vue来调用 <template> <div > <canvas id="renderCanvas" touch-action="none"></canvas> </div> </template> <script type="text/ecmascript-6"> const 阅读全文
posted @ 2022-01-21 09:33
haibalai
阅读(191)
评论(0)
推荐(0)
摘要：
今天来分享下 基于citymaker 构建快速的封装的gis库的故事 针对citymaker 常用的判断textInfo let textInfo = { GENERAL:{ GET_IT:'我知道了', DOWNLOAD:'前往下载' }, MAC:{ INFO:'您的系统是 Mac OSX 系统 阅读全文
posted @ 2022-01-21 09:33
haibalai
阅读(161)
评论(0)
推荐(0)
摘要：
针对切片管理 针对EarthControl类 主要是管理主类 负责事件监听后重新刷新切片```javascript const BABYLON = require('babylonjs');import {EarthTool} from './EarthTool';import {BuildTile 阅读全文
posted @ 2022-01-21 09:31
haibalai
阅读(178)
评论(0)
推荐(0)
摘要：
对于切片管理类 针对切片shader 获取 TileTexture类 , 调整PROVIDER 可以支持不同的切片地图```javascriptconst BABYLON = require('babylonjs'); export class TileTexture {constructor(sc 阅读全文
posted @ 2022-01-21 09:30
haibalai
阅读(155)
评论(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)
摘要：
首先babylonjs 相机我们要改造 对于相机改造类图如下 针对EarthCamera类 const BABYLON = require('babylonjs'); export class EarthCamera extends BABYLON.ArcRotateCamera { constru 阅读全文
posted @ 2022-01-21 09:29
haibalai
阅读(211)
评论(0)
推荐(0)
摘要：
继续上一篇camera 的类 针对CameraEarthWheelControl```javascriptconst BABYLON = require('babylonjs');import {EarthTool} from './EarthTool'; export class CameraEa 阅读全文
posted @ 2022-01-21 09:29
haibalai
阅读(210)
评论(0)
推荐(0)
摘要：
今天我们来分享一下用babylonjs 构建三维地球， 并且支持 常用的第三方切片 首先我们先有一个工具类，支持切片计算，设置等级 经纬度转化等函数工具类 Tile 类 export class Tile { constructor(offsetX, offsetY, level, k, j, nF 阅读全文
posted @ 2022-01-21 09:28
haibalai
阅读(423)
评论(0)
推荐(0)
摘要：
arcgis 官网有与deckgl整合的二维三维整合也是可以，不过还是有点bug 我们先构建基础类 基础图层 const {loadArcGISModules} = require("@deck.gl/arcgis"); export default class BaseLayer { layer: 阅读全文
posted @ 2022-01-21 09:27
haibalai
阅读(151)
评论(0)
推荐(0)
摘要：
针对deckgl TripsLayer 我们构建采集器，目的是支持多种数据类型到 TripsLayer, 并且支持arcgis 服务 const axios = require('axios') export default class TripsLayerParser { static getDa 阅读全文
posted @ 2022-01-21 09:27
haibalai
阅读(101)
评论(0)
推荐(0)
摘要：
针对HexagonLayer HexagonLayer 的数据构建器 const axios = require('axios') export default class TripsLayerParser { static getDataFromUrl(url: string) { return 阅读全文
posted @ 2022-01-21 09:27
haibalai
阅读(110)
评论(0)
推荐(0)
摘要：
之前有篇文章https://xiaozhuanlan.com/topic/2978031564是利用 线的坐标做requestAnimationFrame来做动画， 如果是两点一线的话就显示不出动画的场景了，因为之前做法是根据线的点来做，我们这次使用线先做插值 把线打断, 具体类涉及仿照openla 阅读全文
posted @ 2022-01-21 09:26
haibalai
阅读(142)
评论(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
阅读(56)
评论(0)
推荐(0)
浙公网安备 33010602011771号