fengtianxi001 / MF-ThreeMap Public

Notifications You must be signed in to change notification settings
Fork 7
Star 30

🗺 一个纯three.js实现的3D地图方案

30 stars 7 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 18 Commits
public		public
screenshot		screenshot
src		src
.gitignore		.gitignore
README.md		README.md
babel.config.js		babel.config.js
package-lock.json		package-lock.json
package.json		package.json
vue.config.js		vue.config.js

Repository files navigation

🗺 MF-ThreeMap

一个纯three.js实现的3D地图方案

项目说明

由于案例的地图范围有75km,图片资源第一次加载需要较长时间,请耐心等待
如需提高地图瓦片清晰度,可以修改src/components/Map组件的配置项,案例的瓦片层级是12,最高17
请使用chorme浏览器打开, 360浏览器或者其他浏览器请将模式调整成极速模式

项目简介

在项目中需要应用的知识点:

EPSG:4326与 EPSG:3857的坐标系的转换
地图瓦片数量与缩放层级的数量关系
缩放层级和分辨率的数量关系
分辨率与实际距离数量关系
通过经纬度计算瓦片地图的行列号
地图瓦片原点和EPSG:3857坐标系原点的差异

项目截图