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'
    })
})
相关推荐
山楂树の2 天前
xr-frame 模型摆放与手势控制,支持缩放旋转
前端·xr·图形渲染
橘子遇见BUG3 天前
Unity Shader学习日记 part5 CG基础
学习·unity·游戏引擎·图形渲染
我要吐泡泡了哦3 天前
虚幻5路径追踪渲染器(PT和DF的效果差别与PT速度性能)-李文磊-技术分享笔记
笔记·ue5·图形渲染
匹马夕阳5 天前
(十四)WebGL纹理坐标初识
前端框架·图形渲染·webgl
匹马夕阳6 天前
(三)线性代数之二阶和三阶行列式详解
线性代数·前端框架·图形渲染
匹马夕阳13 天前
(一)Canvas极简入门
前端·图形渲染
山楂树の15 天前
Threejs 自定义片元着色器 做UV动画
3d·图形渲染·webgl·着色器·uv
山楂树の18 天前
xr-frame 通过shader去除视频背景色,加载透明视频
javascript·线性代数·ar·xr·图形渲染
0~max~018 天前
OpenGL材质系统和贴图纹理
c++·游戏引擎·图形渲染