supermap 配图切图比例尺设置

应用超图进行配图发布地图服务并进行切片，最后在前端加载切片，我们需要分别设置三次比例尺：
1 在超图desktop分级配图时，需要设置一次分级比例尺

分级配图中，相邻比例尺层级的最小比例尺和下一级别的最大比例尺相同，如果地图比例尺刚好设在此分界线上，那么你看到的是拥有当前比例尺为最小比例尺的那一级。
比如19级和18级，19级的比例尺范围为0~2000,就是最大可见比例尺为0，最小可见比例尺为1：2000 。18级比例尺范围为2000~5000，就是最大可见比例尺为1：2000，最小可见比例尺为1：5000。那么当地图的比例尺为1：2000时，地图上显示的是19级的图像。
其实就是19级：（0，2000]
18级（2000，3000]
…
可以理解为当前级别比例尺为最小可见比例尺。（19级的比例尺就是1：2000）

2 在进行生产切片时，需要设置一次切片缓存比例尺

这里设置的切片缓存比例尺，就是取地图服务放大到指定缓存比例尺的图像，比如我设置的缓存比例尺为1：3000，那么就是取地图服务在1：3000的图像作为缓存切片。在上面我们知道，1：3000属于（2000，3000]区间，实际上就是第18级的切片。

3 在前端加载切片文件时，设置一次自定义比例尺。
问：为什么要自定义比例尺呢？
原因是按默认比例尺的话，和切片比例尺不能较好吻合，会造成图像模糊的现象。就好像一个近视200度的人戴了一副300度的眼镜看景物。自定义比例尺的作用就是使“眼镜”的度数和人眼吻合，达到浏览切片地图最清晰的效果。
supermap leaflet代码：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title></title><link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.css" rel="stylesheet"><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.js"></script><script type="text/javascript" src="http://iclient.supermap.io/dist/leaflet/iclient9-leaflet.js"></script>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
<script type="text/javascript">var map;var quanguoUrl="切片地图服务url";var quanguoLayer=L.supermap.tiledMapLayer(quanguoUrl);//自定义比例尺var scaleDenominators = [32000000,16000000,8000000,4000000,2000000,1000000,500000,250000,125000,64000,32000,16000,8000,4000,3000,2000];var origin = [29.38,120.28];//leaflet CRS投影设置var crs = L.Proj.CRS("EPSG:3857", {origin: origin,scaleDenominators: scaleDenominators});//限制移动范围。var cornerLeftUp =  L.latLng(70, 30); //设置左上角经纬度var cornerRightDown = L.latLng(-10, 175);//设置右下点经纬度var bounds = L.latLngBounds(cornerLeftUp, cornerRightDown); //构建视图限制范围map = L.map('map', {crs:crs,//crs:L.CRS.EPSG3857,center: [29.38,120.28],maxZoom: 15,zoom: 3,maxBounds: bounds});map.addLayer(quanguoLayer);
</script>
</body>
</html>

supermap 配图切图比例尺设置相关推荐

个人Web前端开发切图PS设置
(一) 文件新建设置画布大小 Web(1920×2000) 像素分辨率(R) 72 像素/英寸颜色模式 RGB 8位背景内容(透明) (二) 移动工具设置自动选择不要勾选,右边选择图层需要 ...
Photoshop切图简单设置+工具介绍+以及切图方法
一,photoshop的基本设置 1*将点选上的拖动到右侧工具栏中进行调整以及待用 2*视图(下的) ---显示---智能参考线打开 ----标尺将库 / 颜色 / 通道 /路径*********关 ...
SuperMap iServer 分布式切图
DONGF 2019年1月18号目前使用的是SuperMapiServer_8.1.1a_win32_zip; 这个是不需要安装的,可以直接在文件夹中打开: 首先我们要打开文件夹 bin ,进入之后 ...
ArcGIS Server 自定义比例尺切图
1.用ArcMap随意打开一份需要进行发布的.mxd地图文件,此处我以北京市为例,在Catalog面板中展开GIS Servers节点,此时可以看见ArcGIS Server的服务处于未连接状态,我们 ...
蓝湖切图后如何做成html,如何使用蓝湖 sketch for Mac设置切图？
https://mac.orsoon.com/Mac/172336.html 蓝湖 sketch for Mac是一款适用于sketch的高效切图插件.本次为您带来了如何使用蓝湖 sketch for ...
sketch android 切图,三分钟教你快速设置Sketch切图方案
Sketch想必小伙伴们都已经用的挺熟悉的啦,在你的工作中,应该常常碰到各样切图尺寸大小的问题.陈踢缺er曾在设计App项目中也遇到过各种这样的问题,下面我来结合实际操作来分享给大家使用sketch如 ...
ArcGIS Server 切片数学关系阐释，小区域切图频繁出错解决方法
直击: Tile|SuperTile|Bundle的关系 1.紧凑型切片中Tile|SuperTile|Bundle关系为: 1 2 3 4 5 6 7 8 9 如果:Tile = 256 × 256 ...
九宫格切图器（每天一个python小项目）
首先安装PIL库: import tkinter as tk from PIL import Image,ImageTk import sys import tkinter.filedialog im ...
sketch android 切图,Sketch如何快速切图？三分钟教你掌握切图方案
相信有相当一部分的设计同行在工作中碰到各种各样切图尺寸大小的问题,针对Sketch如何快速切图这个问题,今天小编特意出了一篇有关sketch切图尺寸教程的文章,学会了包你三分钟之内掌握设置切图方案的技 ...

supermap 配图切图比例尺设置

supermap 配图切图比例尺设置相关推荐

最新文章

热门文章