开源免费瓦片地图下载器MapDownload
生活随笔
收集整理的這篇文章主要介紹了
开源免费瓦片地图下载器MapDownload
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
map-download
項(xiàng)目地址:https://github.com/Hxy1992/MapDownload
軟件下載地址:https://github.com/Hxy1992/MapDownload/releases
基于electron和maptalks實(shí)現(xiàn)高德地圖、百度地圖(包括百度自定義地圖)、騰訊地圖、OpenStreetMap、CartoDb、ArcGIS在線地圖、天地圖(需Key)、MapBox(需Key)的下載
Build Setup
# 安裝依賴(依賴較大,使用國(guó)內(nèi)鏡像)
npm install
# 熱更新服務(wù)
npm run watch
# 構(gòu)建web
npm run build
# 構(gòu)建應(yīng)用
npm run compile
下載瓦片加載方式
Cesium
// 非百度地圖
viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({
url: 'http://localhost:7099/{z}/{x}/{y}.png'
}))
// 百度地圖(需自定義BaiduImageryProvider),可參考cesium-helper目錄下代碼
import BaiduImageryProvider from './cesium-helper/BaiduImageryProvider/BaiduImageryProvider.js'
viewer.imageryLayers.addImageryProvider(new BaiduImageryProvider({
url: 'http://localhost:7099/{z}/{x}/{y}.png'
}))
openlayers
// 非百度地圖
const baseMap = new ol.layer.Tile({
source: new ol.source.XYZ({
url: 'http://localhost:7099/{z}/{x}/{y}.png',
projection: 'EPSG:3857',
}),
});
const map = new ol.Map({
layers: [baseMap],
target: 'map',
view: new ol.View({
center: ol.proj.transform([105.08052356963802, 36.04231948670001], 'EPSG:4326', 'EPSG:3857'),
zoom: 5,
}),
});
maptalks
// 非百度地圖
var map = new maptalks.Map('map', {
center: [105.08052356963802, 36.04231948670001],
zoom: 5,
minZoom:1,
maxZoom:19,
baseLayer: new maptalks.TileLayer('base', {
'urlTemplate' : 'http://localhost:7099/{z}/{x}/{y}.png'
})
});
//百度地圖
var map = new maptalks.Map('map', {
center: [105.08052356963802, 36.04231948670001],
zoom: 5,
minZoom:1,
maxZoom:19,
spatialReference:{
projection : 'baidu',
},
baseLayer: new maptalks.TileLayer('base', {
'urlTemplate' : 'http://localhost:7099/{z}/{x}/{y}.png'
})
});
總結(jié)
以上是生活随笔為你收集整理的开源免费瓦片地图下载器MapDownload的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 让容器应用管理更快更安全,Dragonf
- 下一篇: 第25件事 创建精益创业画布的9个格