Three城市引擎地图插件Geo-3d

一、简介

基于Three开发,为Three 3D场景提供GIS能力和城市底座渲染能力。支持Web墨卡托、WGS84、GCJ02等坐标系,支持坐标转换,支持影像、地形、geojson建筑、道路,植被等渲染。支持自定义主题。

二、效果

三、代码

javascript 复制代码
//插件初始化
const centerGeo = new Vector3(116.2172594, 39.9421299, 0);
const imageryLayers = new Geo3D.ImageryLayers()
const tdtImageryLayer = new Geo3D.TDTImageryLayer({
    token: 'b832b9764939cbbasdf0919148c548b669ba',
})
const tdtImageryLayer2 = new Geo3D.TDTImageryLayer({
    token: 'b832b9764939cbb0asdf919148c548b669ba',
    style: 'cva_w',
})
imageryLayers.add(tdtImageryLayer);
imageryLayers.add(tdtImageryLayer2);
const map = new Geo3D.Map({
    threeModule: {
        scene, camera, renderer, control
    },
    center: centerGeo,
    imageryLayers: imageryLayers,
    terrainLayer: new Geo3D.TileSource({
        dataType: "terrain-rgb",
        maxLevel: 14,
        url:'http://192.168.11.164:9999/{z}/{x}/{y}.png'
    })
})
相关推荐
ggb喔3 天前
52pojie 的图片工具:为什么无损转换后体积涨了 6 倍、照片方向还是歪的
图像处理·python·算法·计算机视觉·图形渲染·媒体
anxiao_m3 天前
水利数字孪生怎么选?主流可视化渲染平台深度横向测评
大数据·前端·人工智能·图形渲染·云渲染
Cx330❀5 天前
Qt 多线程深度解析:从底层原理到 UI 线程与同步实战
开发语言·qt·ui·搜索引擎·性能优化·图形渲染
Cx330❀10 天前
【Qt 进阶指南】详解 Qt 常用标准对话框与主窗口组件架构
开发语言·qt·ui·性能优化·架构·图形渲染
学习!!!14 天前
Visibility Buffer Rendering with Material Graphs
图形渲染
Cx330❀22 天前
Qt 常用控件属性与底层机制详解:从窗口半透明、浮点数陷阱到 QSS 与焦点策略
qt·ui·图形渲染
Cx330❀22 天前
Qt 常用 UI 控件详解:从QPushButton到QLabel 核心用法解析
qt·ui·图形渲染
玖玥拾25 天前
Unity Shader 基础与图形学(一)
unity·图形渲染·图形学·shader
GR901 个月前
光线追踪-2:光线照射到物体表面后,反射的Radiance怎么求
图形渲染
yyt3630458411 个月前
KLineChartQuant:GLSL 的精度问题及 RTC 解法
前端·vue.js·react.js·交互·图形渲染·webgl·数据可视化