https://github.com/wang1212/mapbox-gl-utils-source
:earth_asia: Mapbox-GL utils, commonly used map service data sources. | 常用的地图服务数据源。
https://github.com/wang1212/mapbox-gl-utils-source
mapbox-gl mapbox-gl-js utils
Last synced: about 1 year ago
JSON representation
:earth_asia: Mapbox-GL utils, commonly used map service data sources. | 常用的地图服务数据源。
- Host: GitHub
- URL: https://github.com/wang1212/mapbox-gl-utils-source
- Owner: wang1212
- License: mit
- Created: 2020-05-25T02:16:41.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T20:31:55.000Z (over 2 years ago)
- Last Synced: 2025-03-28T01:44:32.460Z (about 1 year ago)
- Topics: mapbox-gl, mapbox-gl-js, utils
- Language: TypeScript
- Homepage:
- Size: 501 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Mapbox-GL utils - Source
This is a utils of [Mapbox-GL](https://docs.mapbox.com/mapbox-gl-js/overview/).
The tool provides a data [Source](https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/) for daily use.
[Demo](./test/index.html)
[English](./README.md) | [简体中文](./README.zh-CN.md)
## Content
Including the following map services:
- TianDiTu
- TianDiTu.satellite.map
- TianDiTu.satellite.annotation
- TianDiTu.streets.map
- TianDiTu.streets.annotation
- Google
- Google.satellite.Map
- Google.streets.mapWithAnnotation
- OpenStreetMap
- OSM.streets.mapWithAnnotation
## Bundle
The following bundles are provided:
types/
build/
├── bundle.js
├── bundle.min.js
├── bundle.esm.js
├── bundle.esm.min.js
├── bundle.cjs.js
├── bundle.cjs.min.js
├── bundle.umd.js
└── bundle.umd.min.js
It also provides the corresponding **sourcemap** file.
## Usage
### Browser
In the browser, referenced by the `` tag:
```html
<script src="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.js">
```
It is mounted at `mapboxgl._utils.Source`, so you can use it like this:
```js
const { TianDiTu, Google } = mapboxgl._utils.Source
```
**_If you can't get the bundle file, you can try to [build it yourself](#build)._**
### Node.js
Install via npm:
```bash
npm install mapbox-gl-utils-source
```
Use it like this:
```js
// ES Module
import { TianDiTu, Google } from 'mapbox-gl-utils-source'
// CommonJS
const utilsSource = require('mapbox-gl-utils-source')
```
## Build
If you cannot get the bundle file, or you want to add additional map service resources and other reasons, you can build your own.
First, `clone` to local
```bash
git clone https://github.com/wang1212/mapbox-gl-utils-source.git
cd /
npm install
```
Then you can modify the files in **src/** by yourself, and run the following command when finished:
```bash
npm run build
```
The bundle file will be generated in the **build/** folder, include **sourcemap** file.
## License
[MIT](./LICENSE).