mapbox 怎么添加谷歌地图
时间: 2024-04-03 09:26:42 浏览: 256
要在 Mapbox 中添加谷歌地图,需要使用 Mapbox GL JS 库,并且需要获取谷歌地图的 API 密钥。然后,可以使用以下代码将谷歌地图添加到 Mapbox 中:
```javascript
mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [-122.4194, 37.7749],
zoom: 12
});
map.on('load', function() {
map.addSource('google-maps', {
type: 'raster',
tiles: [
'https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',
'https://mt2.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',
'https://mt3.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',
'https://mt4.google.com/vt/lyrs=m&x={x}&y={y}&z={z}'
],
tileSize: 256,
minzoom: 0,
maxzoom: 22
});
map.addLayer({
id: 'google-maps',
type: 'raster',
source: 'google-maps'
});
});
```
请注意,这里使用的是 Google 地图的标准地图(lyrs=m),如果需要使用其他类型的地图,可以在 URL 中更改参数。
阅读全文