ol+天地图+geoserver_MapTileGenerator: 支持TMS、WMTS标准瓦片下载,支持百度地图瓦片、高德地图瓦片、腾讯地图瓦片、天地图、ArcGIS Rest、geoserver...

MapTileGenerator

支持TMS、WMTS标准瓦片下载,支持百度地图瓦片、高德地图瓦片、腾讯地图瓦片、天地图、ArcServer Rest瓦片、ArcServer本地缓存切片、geoserver WMS等瓦片下载。默认以png文件方式保存瓦片,也支持以sqlite(mbtiles格式)保存瓦片,支持瓦片base64编码后以sqlite保存(用于android端离线地图)。

使用说明:

设置mapConfig.json,根据配置项请求瓦片,支持多线程下载,失败续载。下载失败的瓦片用sqlite数据库保存在{savePath}\fails.db,第二次启动程序时会重新下载失败瓦片。程序运行中途退出时,第二次启动程序将会从上次退出的进度继续下载。

geoserver wms瓦片下载配置

{

"resolutions" : [128, 64,32],

"tileSize" : [256,256],

"extent" : [12662882.864568064,2543518.577818389,12761187.939702341,2599303.8005401082],

"origin": [0,0],

"offsetZoom" :11,//resolutions如果设置了某一部分级别,必须要设置这个偏移量;

"type" : "wms",

"url": "http://localhost:8080/geoserver/szgas/wms",

"urlParas" : {

"FORMAT" : "image/png",

"VERSION" : "1.1.1",

"STYLES" : "",

"LAYERS" : "szgas:jd_baidu",

"REQUEST" : "GetMap",

"SRS" : "EPSG:3857",

"TRANSPARENT" : true

},

"runThreadCount" : 5,

"savePath" : "" //不设置保存路径,程序根目录是默认的瓦片保存路径;

//,"output": "file" //不设置output,则默认为png方式保存瓦片;

}

天地图WMTS瓦片下载配置

{

"resolutions" : [ 0.703125, 0.3515625, 0.17578125],

"tileSize" : [256,256],

"extent" : [-180.0 -90.0,180.0,90.0],

"origin": [-180,90],

"offsetZoom" :1,//resoluti

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在OpenLayers 3中加载地图GeoServer发布的地图,可以按照以下步骤进行: 1. 创建一个地图容器 ``` <div id="map" class="map"></div> ``` 2. 加载OpenLayers 3库和样式表 ``` <link rel="stylesheet" href="https://openlayers.org/en/v3.20.1/css/ol.css" type="text/css"> <script src="https://openlayers.org/en/v3.20.1/build/ol.js"></script> ``` 3. 创建一个OpenLayers地图实例 ``` var map = new ol.Map({ target: 'map', layers: [], view: new ol.View({ center: [0, 0], zoom: 2 }) }); ``` 4. 加载地图图层 ``` var tdtLayer = new ol.layer.Tile({ source: new ol.source.XYZ({ url: 'http://t0.tianditu.gov.cn/vec_c/wmts?tk={your_key}&SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=vec&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}', crossOrigin: 'anonymous' }) }); map.addLayer(tdtLayer); ``` 其中,{your_key}需要替换为你的地图开发者key。 5. 加载GeoServer发布的地图 ``` var geoserverLayer = new ol.layer.Tile({ source: new ol.source.TileWMS({ url: 'http://localhost:8080/geoserver/wms', params: {'LAYERS': 'workspace:layer_name', 'TILED': true}, serverType: 'geoserver' }) }); map.addLayer(geoserverLayer); ``` 其中,url需要替换为你的GeoServer的URL,'workspace:layer_name'需要替换为你要加载的图层的工作区和图层名称。 6. 设置地图视图范围 ``` map.getView().fit([xmin, ymin, xmax, ymax], map.getSize()); ``` 其中,xmin、ymin、xmax、ymax需要替换为你要展示的地图范围的最小经度、最小纬度、最大经度和最大纬度。 通过以上步骤,就可以在OpenLayers 3中加载地图GeoServer发布的地图
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值