一個GIS項目用到了antv/L7充尉,本來打算用leaflet飘言,但上個相似的項目用了antv/L7,這個項目就繼續(xù)antv/L7了驼侠。
客戶要求用google影像加注記的底圖姿鸿,且要離線使用谆吴,因此一記。
項目是react框架的苛预,因此用到了@antv/l7-react句狼。
詳細代碼如下:
<MapboxScene
className="my-map"
option={{
logoVisible: false,
}}
map={{
center: [100.3, 38.5],
zoom: 6,
style: {
version: 8,
sources: {
'raster-tiles': {
type: 'raster',
tiles: [
// mt(0—3) Google地圖使用了四個服務地址
// lyrs=
// m:路線圖
// t:地形圖
// p:帶標簽的地形圖
// s:衛(wèi)星圖
// y:帶標簽的衛(wèi)星圖
// h:標簽層(路名、地名等)
'https://mt1.google.cn/maps/vt?lyrs=y%40721&hl=zh-CN&gl=CN&x={x}&y={y}&z={z}',
],
tileSize: 256,
},
},
layers: [
{
id: 'google',
type: 'raster',
source: 'raster-tiles',
// minZoom: 0,
// "maxzoom": 18
},
],
},
}}
style={{
height: '100vh',
}}
/>