https://github.com/dvgis/maplibre-three-plugin
a bridge plugin that cleverly connects MapLibre GL JS with Three.js, enabling developers to implement 3D rendering and animation on maps.
https://github.com/dvgis/maplibre-three-plugin
camerasync maplibre-gl-js threejs
Last synced: 5 months ago
JSON representation
a bridge plugin that cleverly connects MapLibre GL JS with Three.js, enabling developers to implement 3D rendering and animation on maps.
- Host: GitHub
- URL: https://github.com/dvgis/maplibre-three-plugin
- Owner: dvgis
- Created: 2024-12-07T14:21:53.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-01-17T05:04:48.000Z (6 months ago)
- Last Synced: 2025-01-17T06:18:16.787Z (6 months ago)
- Topics: camerasync, maplibre-gl-js, threejs
- Language: JavaScript
- Homepage:
- Size: 7 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# maplibre-three-plugin
`maplibre-three-plugin` is a bridge plugin that cleverly connects [MapLibre GL JS](https://maplibre.org/maplibre-gl-js/docs/) with [Three.js](https://threejs.org/), enabling developers to implement 3D rendering and animation on maps.
## Install
```shell
npm install @dvgis/maplibre-three-plugin
----------------------------------------
yarn add @dvgis/maplibre-three-plugin
```
## Quickly Start
`maplibre-three-plugin` depends on three, please make sure three is installed before using it.
```javascript
import maplibregl from 'maplibre-gl'
import 'maplibre-gl/dist/maplibre-gl.css'
import { MapScene } from '@dvgis/maplibre-three-plugin'
const map = new maplibregl.Map({
container: 'map', // container id
style: 'https://demotiles.maplibre.org/style.json', // style URL
center: [0, 0], // starting position [lng, lat]
zoom: 1, // starting zoom
})
const mapScene = new MapScene(map)
```
## Examples
## Docs
[wiki](https://github.com/dvgis/maplibre-three-plugin/wiki)