This module adds elevation control to mapbox-gl.
npm install @watergis/mapbox-gl-elevationThis module adds elevation control to mapbox-gl.
``bash`
npm i @watergis/mapbox-gl-elevation --save
See demo.
!demo
`ts
import MapboxElevationControl from "@watergis/mapbox-gl-elevation";
import '@watergis/mapbox-gl-elevation/css/styles.css';
import mapboxgl from 'mapbox-gl';
const map = new mapboxgl.Map();
map.addControl(new MapboxElevationControl(
'https://wasac.github.io/rw-terrain/tiles/{z}/{x}/{y}.png',
{
font: ['Roboto Medium'],
fontSize: 12,
fontHalo: 1,
mainColor: '#263238',
haloColor: '#fff',
}
), 'top-right');
});
`
`bash`
npm run lint # check styling of source code
npm run lint:fix # fix styling by eslint
npm run dev
open http://localhost:8080.
If there are any changes on source code, it will be reflected automatically.
`bash`
npm run build
The modules will be generated under dist folder.
`bash`
npm run deploy
It will deploy files under example folder to gh-pages.
`zsh``
vi package.jsonupdate version in package.json
git add package.json
git commit -m "v1.X.X"
git push origin main
git tag v1.X.X main
git push --tagrelease CI will create draft release in Github pages, then publish it if it is ready.
publish CI will deploy npmjs and Github Packages.
This Mapbox GL Elevation Control is still under development. so most welcome any feedbacks and pull request to this repository.