資訊專欄INFORMATION COLUMN
摘要：自定義瓦片定義一個(gè)瓦片地址官方文檔由此我們只需要重寫這個(gè)方法即可數(shù)據(jù)準(zhǔn)備用爬蟲下載了一些高德地圖放大層數(shù)最小的圖片大小的簡(jiǎn)單服務(wù)器配置，將這些圖片放到下使之能夠正常訪問(wèn)代碼編寫常用參數(shù)配置用于調(diào)試的網(wǎng)格編號(hào)很重要使用說(shuō)明可以用來(lái)檢查是否是
openlayers-自定義瓦片 定義一個(gè)瓦片地址
ol.source.TileImage.tileUrlFunction
官方文檔
由此我們只需要重寫這個(gè)ol.source.TileImage.tileUrlFunction方法即可
數(shù)據(jù)準(zhǔn)備用爬蟲下載了一些高德地圖放大層數(shù)最小的圖片256*256大小的
簡(jiǎn)單服務(wù)器配置，將這些圖片放到tomcat下使之能夠正常訪問(wèn)
代碼編寫
常用參數(shù)配置
var proj_3857 = new ol.proj.get("EPSG:3857");
var proj_3857Extent = proj_3857.getExtent();
var mapWidth3857 = ol.extent.getWidth(proj_3857.getExtent());
var resolutions3857 = [156543.03392804097, 78271.51696402048, 39135.75848201024,
19567.87924100512, 9783.93962050256, 4891.96981025128, 2445.98490512564, 1222.99245256282,
611.49622628141, 305.748113140705, 152.8740565703525, 76.43702828517625, 38.21851414258813,
19.109257071294063, 9.554628535647032, 4.777314267823516, 2.388657133911758, 1.194328566955879,
0.5971642834779395];
用于調(diào)試的網(wǎng)格編號(hào)(很重要)
var tileGrid = new ol.tilegrid.TileGrid({
resolutions: resolutions3857,
tileSize: [256, 256],
extent: proj_3857Extent,
origin: ol.extent.getTopLeft(proj_3857Extent),
});
使用說(shuō)明：
可以用來(lái)檢查是否是對(duì)應(yīng)的圖片
瓦片圖層
var tilesource = new ol.source.TileImage({
tileUrlFunction: function (tileCoord) {
var z = tileCoord[0];
var x = tileCoord[1];
var y = Math.abs(tileCoord[2]);
return "http://localhost:9999/gaode_tiles_tms/" + z + "/" + x + "/" + y + ".png";
},
tileGrid: tileGrid,
projection: proj_3857,
});
完整demo
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/103063.html
摘要：比例尺分類數(shù)字式，用數(shù)字的比例式或分?jǐn)?shù)式表示比例尺的大小。中比例尺介紹中默認(rèn)地圖比例尺為直線式，如圖該比例尺存在精確測(cè)量無(wú)法讀取比例尺實(shí)際值的缺點(diǎn)。因此有必要將直線比例尺轉(zhuǎn)換成數(shù)字比例尺。 1.比例尺分類（1）數(shù)字式，用數(shù)字的比例式或分?jǐn)?shù)式表示比例尺的大小。例如地圖上1厘米代表實(shí)地距離500千米，可寫成：1∶50 000 000或?qū)懗桑何迩f(wàn)分之一。（2）線段式（也叫直線式），在地圖上...
摘要：注意在代碼中將其替換為自己剛剛申請(qǐng)的運(yùn)行，顯示地圖修改保存之后點(diǎn)擊運(yùn)行就可以得到一幅矢量地圖了，此過(guò)程可能會(huì)稍微有點(diǎn)長(zhǎng)，要耐心多等一會(huì)兒。 VectorMap.js是一個(gè)開(kāi)源地圖渲染JavaScript庫(kù)， 可以使用WebGL或者HTML5兩種方式進(jìn)行交互式矢量地圖 （包括矢量瓦片地圖，一般性矢量數(shù)據(jù)地圖）和 柵格瓦片地圖的渲染。 WebGL渲染意味著高性能，大數(shù)據(jù)， HTML5渲染意...
摘要：代碼起始點(diǎn)坐標(biāo)左上角終點(diǎn)坐標(biāo)右下角根據(jù)地圖平臺(tái)使用轉(zhuǎn)換類這里是用百度的最大最小縮放等級(jí)循環(huán)產(chǎn)生瓦片圖目錄結(jié)構(gòu)層級(jí)橫坐標(biāo)范圍縱坐標(biāo)范圍這個(gè)是你圖片要存放的位置先要產(chǎn)生操作完的流程后再執(zhí)行這個(gè)后面有說(shuō)這個(gè)的用處這個(gè)函數(shù)是獲取一個(gè)的對(duì)象數(shù)組 nodejs代碼 const request = require(request); const fs = require(fs); const bag...
閱讀 3244·2021-09-22 16:06
閱讀 3235·2021-09-02 15:40
閱讀 631·2019-08-30 15:54
閱讀 1035·2019-08-26 12:22
閱讀 1374·2019-08-26 12:17
閱讀 2741·2019-08-26 12:09
閱讀 501·2019-08-26 10:20
閱讀 783·2019-08-23 16:28
