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'
    })
})
相关推荐
allenjiao5 天前
WebGPU vs WebGL:WebGPU什么时候能完全替代WebGL?Web 图形渲染的迭代与未来
前端·图形渲染·webgl·threejs·cesium·webgpu·babylonjs
BoBoZz195 天前
TriangleStrip连续三角带
python·vtk·图形渲染·图形处理
jinxinyuuuus7 天前
Wallpaper Generator:高精度图形渲染中的WebGPU与色彩感知工程
程序人生·生活·图形渲染
杨筱毅7 天前
【底层机制】Android图形渲染体系深度解析:VSync信号机制
android·图形渲染·底层机制
雨泽‎8 天前
Unity在URP中开启后处理导致RenderTexture存在背景
unity·游戏引擎·图形渲染
1***81538 天前
HarmonyOS图形渲染
图形渲染
BoBoZz199 天前
CellTypeSource
python·vtk·图形渲染·图形处理
Renderbus瑞云渲染农场9 天前
什么叫云渲染?云渲染是干嘛的?
3d·图形渲染·3dsmax
不会写DN10 天前
[特殊字符]开班会时由于太无聊,我开发了一个小游戏……
程序人生·信息可视化·职场和发展·交互·图形渲染·学习方法·高考
小一亿15 天前
【3ds Max动画】烟花:超级喷射粒子,荧光粒子效果
学习·3d·图形渲染·3dsmax·动画