700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > leaflet加载谷歌影像地图 天地图影像地图 天地图影像注记

leaflet加载谷歌影像地图 天地图影像地图 天地图影像注记

时间:2019-04-01 19:01:38

相关推荐

leaflet加载谷歌影像地图 天地图影像地图 天地图影像注记

效果图:

加载天地图、谷歌地图代码如下:

// 天地图墨卡托//底图const image = L.tileLayer('http://t{s}./img_w/wmts?tk=密钥&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', {subdomains: [0, 1, 2, 3, 4, 5, 6, 7],})//注记const cia = L.tileLayer('http://t{s}./cia_w/wmts?tk=密钥&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', {subdomains: [0, 1, 2, 3, 4, 5, 6, 7],transparent: true,zIndex: 3,})//天地图图组const tiandiMap = L.layerGroup([image, cia, ]);//谷歌地图const satelliteMap = L.tileLayer('http://{s}./vt/lyrs=s&x={x}&y={y}&z={z}', {subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],});//地图对象this.map = L.map('map', {crs: L.CRS.EPSG3857,center: [34.54083333333333, 108.92361111111111],maxZoom: 18,zoom: 4,minZoom: 2,attributionControl: false,layers: [tiandiMap],zoomControl: false});const baseLayers = {"天地图影像": tiandiMap,"谷歌影像": satelliteMap,}var layerControl = L.control.layers(baseLayers, null);layerControl.addTo(this.map);

天地图需要申请密钥,注册地址:https://uums./register

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。