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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。