首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Three.js实现3D地图可视化-省份

Three.js实现3D地图可视化-省份

原创
作者头像
用户11790144
修改2025-08-14 08:35:29
修改2025-08-14 08:35:29
2490
举报

实现效果

数据来源

地图的是通过这个 shape 描绘成形状展示的,数据可以通过 地图json小工具 获取到。

数据拿到之后,就是展示的问题,直接展示是不行的,需要通过 d3 对数据处理,才能按照正确的地图样子展示。

代码语言:js
复制
import * as d3 from "d3";  //莫开托坐标 矫正地图坐标
//center 的位置可以自己定
const handleProj = d3.geoMercator().center([109, 34.5]).scale(1000).translate([0, 0]) // d3投影转换函数

支持功能

下钻 缩放 旋转 标记 飞线 自定义数据 二次开发 离线部署

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 实现效果
  • 数据来源
  • 支持功能
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档