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'
    })
})
相关推荐
仰望天空—永强9 小时前
PS 2025【七月最新v26.5】PS铺软件安装|最新版|附带安装文件|详细安装说明|附PS插件
开发语言·图像处理·python·图形渲染·photoshop
CG_MAGIC4 天前
虚幻 5 与 3D 软件的协作:实时渲染,所见所得
3d·ue5·游戏引擎·图形渲染·虚幻·游戏美术·渲云渲染
lizz3110 天前
GAMES101 lec2-数学基础1(线性代数)
线性代数·游戏引擎·图形渲染
AI航向标10 天前
渲染设计图的空间革命:可视化技术如何重塑设计决策
科技·3d·图形渲染·渲染·装修
元让_vincent13 天前
论文Review 3DGSSLAM GauS-SLAM: Dense RGB-D SLAM with Gaussian Surfels
图像处理·人工智能·平面·3d·图形渲染
平行云16 天前
如何实现UE程序大并发多集群的像素流部署
unity·ue5·图形渲染
蜉蝣之翼❉1 个月前
games101 hw1
笔记·图形渲染
很甜的西瓜2 个月前
typescript软渲染实现类似canvas的2d矢量图形引擎
前端·javascript·typescript·图形渲染·canvas
小草帽学编程2 个月前
camera功能真的那么难用吗
数码相机·图形渲染
EtpBot-萧阳2 个月前
SDL2常用函数:SDL_Texture 数据结构及使用介绍
图形渲染·sdl2·硬件加速