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