Skip to content

A lightweight 3D tile map using threejs. 基于threejs的三维瓦片地图框架

Notifications You must be signed in to change notification settings

sxguojf/three-tile

Repository files navigation

English | 简体中文

three-tile V0.8.6

[email protected]

Home(Document、Example...):

home{:target="_blank"}

1 Introduction

three-tile is a lightweight 3D tile map library developed based on threejs. It offers advantages such as ease of use and low resource consumption, and provides a lightweight 3D terrain model suitable for adding 3D maps to applications developed with threejs.

For more details, please visit: https://blog.csdn.net/HZGJF/article/details/140280844

Note: This is neither Cesium nor Mapbox-gl, and it has no relationship with these 3D GIS frameworks.

Source: https://github.com/sxguojf/three-tile

Demo: https://sxguojf.github.io/mydemo/three-tile/index.html

Some development examples are provided:

Examples Source: https://github.com/sxguojf/three-tile-example

Examples: https://sxguojf.github.io/three-tile-example

Developed using Vue:

https://sxguojf.github.io/mydemo/three-tile-vue/index.html

alt text alt text
alt text image-20240715090719129
image-20240715090911564 alt text

Disclaimer:

  • This framework does not contain any map data. The maps used in the examples directly call third-party data. Please comply with legal and regulatory requirements when using them.

1.1 Features

  • Lightweight: The map is provided as a 3D model, without any impact on the existing program architecture.
  • Few dependencies: The entire framework only has one dependency, which is threejs (R165).
  • Fast: Low resource consumption, capable of running smoothly at 60FPS even on integrated graphics.
  • Easy to use: Familiarity with threejs means virtually no learning curve.
  • Highly extensible: Data, models, textures, materials, and the rendering process can all be extended and replaced according to your needs.

1.2 Development Environment

  • Language: 100% TypeScript
  • IDE: VSCode
  • Bundler: Vite 4.0
  • Dependency: three 0.165

3. References