当前位置：文档之家› 大瓦片切图的操作说明

大瓦片切图的操作说明

大瓦片切图的操作说明
大瓦片切图的操作说明

大瓦片切图的操作说明

一、背景和原理

通常瓦片尺寸被设置为400*300，项目实践中运算时间非常长；通过将瓦片尺寸放大，例如1600*1200、6400*4800等，能够提高arcgis每次渲染的范围、减少渲染的次数，从而实现性能的提高；而大瓦片裁切为小瓦片的操作，只需要少得多的时间。

下面是一组测试对比数据：

瓦片尺寸400*300，1156张1200*900 2000*1500

AP-Map-CutMap切图12’13”到13’03”，

平均每张0.63”到0.68”1’45”

平均每张0.73”

1’15”

平均每张1.53”

AP-Map-CutCut二次裁切21.328”到25.25”19.328”到20.109”合计12’25”或745秒2’15”或135秒1’35”或95秒

18% 13%

显然，瓦片越大越有效；而且这还能减少瓦片文件数量，可以在将大瓦片拷贝到服务器之后再进行二次裁切，减少瓦片迁移所需要的时间。

需要特别注意的是：

1.瓦片尺寸不能大于屏幕显示分辨率，否则很可能出现瓦片显示内容的坐标范围偏差，这

是ArcGIS的问题，目前无法解决。例如分辨率最高1280*1024的话，建议瓦片选择为1200*900；分辨率能到2048*1536的话，则可以选择瓦片为2000*1500；而分辨率1440*900时不可选择1200*900，否则也会出问题。

2.大瓦片必须设置为小瓦片的整数倍，两个方向可以不一样。

3.大瓦片裁出来的小瓦片，总数很可能比小瓦片直接切要少；而且每个瓦片范围内的显示

结果可能与切小瓦片有所不同。例如瓦片边界处的注记。

二、作业流程

1．使用原有的AP-Map-CutMap切图。在正常的瓦片切图配置文件基础上，编写大瓦片的切图配置文件；并执行切图操作；

2．将大瓦片迁移到服务器；

3．用AP-Map-CutCut进行二次裁切，输出到服务器上的发布目录。

三、操作说明

1．大瓦片切图配置文件

下面是针对400*300配置文件中第5级的大瓦片配置文件。

400*300的原始配置文件1200*900的大瓦片配置文件

8

400

300

112.420404

23.131072

114.091356

21.876810

1

0.8

0.6

8.8公里

2

0.4

0.3

4.4公里

3

0.2

0.15

2.2公里

4

0.1

0.075

880米

5

0.05

0.0375

440米

1

1200

900

112.420404

23.131072

114.091356

21.876810

1

0.15

0.1125

1.32公里

在这里，选择第5级只是作为示例，越高级越花时间的，采用大瓦片越有效。设置要点：

?大瓦片的尺寸主要考虑屏幕分辨率，在允许的范围内越大越好，并且保证是目标瓦

片尺寸（这里是400*300）的整数倍。（关于屏幕分辨率的影响，只是一个经验，也许在某些计算机或某些ArcGIS版本上不存在这个问题，必要时可以进行测试，检查大瓦片的显示内容与指定的坐标范围是否相符——例如只切1*1格）

?针对小瓦片的任意一级都可以配置相应的大瓦片切图参数，大瓦片配置文件中可以

配多级，这里只配了一级仅仅是示例。

?以针对小瓦片第5级为例，CX=0.05，CY=0.0375，图片的像素尺寸是400*300，而大

瓦片的像素尺寸是1200*900，因此大瓦片的CX=1200/400*0.05=0.15，CY=900/300*0.0375=0.1125，将来切割大瓦片3*3就正好与直接切小瓦片的结果相同。

?每一级都可以这样设置。建议配置文件的文件名上体现出图片尺寸。

2．大瓦片数据集的二次裁切，或者转换为小瓦片数据集

大瓦片的文件结构和小瓦片的规则是完全一样的，根据瓦片总行列数的多少，可能出现多级子目录，每个子目录下有不超过100个文件或子目录。用AP-Map-CutCut能够对大瓦片批量、自动地进行裁切，获得所需要的小瓦片。

AP-Map-CutCut是在Dos下运行的Windows程序，要在命令行中指定输入参数。如果不带参数，直接运行AP-Map-CutCut时，将得到如下提示信息：

AP-Map-CutCut.exe

请按照此格式，在命令行中提供：

InputPath：大瓦片数据集的主目录，注意不包括代表级数的那层目录。对于上例就应当是zh1200，而不是zh1200\1

InputConfig：大瓦片数据集的配置文件，例如D:\prj_zhdps\data\ApCutMap1.11\mapconfig_1200_900.config

OutputPath：小瓦片数据集的主目录，同样不包括级数目录。

OutputConfig：小瓦片数据集的配置文件，例如D:\prj_zhdps\data\ApCutMap1.11\mapconfig.config。

执行后，程序会针对大瓦片配置文件中指定的每一级，找到小瓦片配置文件中匹配的级数，然后，如果存在相应的瓦片数据文件，就将之裁切。

E:\https://www.doczj.com/doc/4313261001.html,.Bin\AP-Map-CutCut-100917>ap-map-cutcut g: D:\prj_zhdps\data\ApCutMap 1.11\mapconfig_1200_900.config g:\1200_400 D:\prj_zhdps\data\ApCutMap1.11\mapcon fig8.config

大瓦片级数: 1 CX=0.15 CY=0.1125 PicWidth=1200 PicHeight=900

对应小瓦片级数: 5 CX=0.05 CY=0.0375 PicWidth=400 PicHeight=300

切割倍数: 3*3

第0行--0 1 2 3 4 5 6 7 8 9 10 11

第1行--0 1 2 3 4 5 6 7 8 9 10 11

第2行--0 1 2 3 4 5 6 7 8 9 10 11

第3行--0 1 2 3 4 5 6 7 8 9 10 11

第4行--0 1 2 3 4 5 6 7 8 9 10 11

第5行--0 1 2 3 4 5 6 7 8 9 10 11

第6行--0 1 2 3 4 5 6 7 8 9 10 11

第7行--0 1 2 3 4 5 6 7 8 9 10 11

第8行--0 1 2 3 4 5 6 7 8 9 10 11

第9行--0 1 2 3 4 5 6 7 8 9 10 11

第10行--0 1 2 3 4 5 6 7 8 9 10 11

第11行--0 1 2 3 4 5 6 7 8 9 10 11

完成！总计用时：25.75秒

产品上架步骤

产品上架步骤 上架前先将这些资料放共享（老板那边需要查看）： 包括以下三个部分： 第一部分：详情描述页的PS文件二份（天猫790和淘宝750个一份） 第二部分：图片（产品拍照美工修过的产品图片） 第三部分：产品主图五张 一、准备工作 描述详情页切片（可以是用图片进行切片，也可以是用PS文件切片。我们一般是用PS 文件切片，这样后面可以对部分需要修改的地方进行编辑。） 描述详情页进行切片的具体步骤： 1）将详情页PS文件拖进PS中打开。 2）选择裁剪工具。右击，出现选择切片工具进行切片。 3）切片过程中注意以下几点：一是切片的部分最好是完整的整理。二是切片的幅度不宜太多（切片的幅度过大，图片加载时会缓冲不过来）。三是切片不要存在空隙，每切一次看看是否顺序有跳跃，存在跳跃说明没切好，可以撤销重新切片。） 4）切完最后一片后，点击右上角“文件”中的“存储为Web和设备所用格式”，会弹 出这样的对话框 选择“是”。接着会出现下面的对话框，将品质进行设置，一般设置都要再80以上，一般设置为85，设置完成后点击存储即可。如下：

二、产品上架 电脑端产品上架具体步骤： 1）首页进入店铺的图片空间 2）选择上方的“图片管理”，新建一个属于自己的文件夹，便于寻找区分，将切片后的文件放入自己新建的文件夹内即可。 3）进入“卖家中心”

选择左侧栏里的“发布宝贝”，进入这样一个页面，一般选择的都是“一口价”发布新宝贝。 选择好合适的类目后，点击，进入后台宝贝相关产品信息的编辑。 产品的编辑就下面几个部分一个说明： 1）宝贝规格 “宝贝规格”的那块，产品颜色是可以进行编辑分类的，可以将颜色改为相应的产品不同规 格，类似这样子的。 编辑好后，对下面的这部分也进行相应的一个设置

如何Photoshop进行切图[图文]

如何用Photoshop进行切图 一、基本概念 1，切图，是一种网页制作技术，它是将美工效果图转换为页面效果图的重要技术。Photoshop、Fireworks 等软件提供了切图技术，切图后可以直接导出为网页格式。 2，切片，是切图的直接结果，切图实际上就将图切分为一系列的切片。 二、切图操作过程 1，切图工具图标的识别 2，切图基本操作（最好是先拉出参考线） 1)基本操作有两个：划分切片和编辑切片。 划分切片，是使用切片工具，在原图上进行切分的操作。

编辑切片，是对切分好的切片进行编辑的操作，编辑包括对切片的名称、尺寸等的修改等等下面我们看一下这两个操作 2)基本操作

如果想移动某个切片，可以使用“切片选择工具”选择某个切片，并用鼠标进行拖动，也可以使用实现，另外如果想精确的细微移动，则可以使用实现 如果想将某个切片存为某个图片输出，可以使用“切片选择工具”选择某个切片，然后选择“文件”菜单，并选择“存储为Web所用格式(W)...”，然后在弹出的界面中...

3，切图技巧

1)一张图，可以有多种切分方式，如下： 既然存在n多种切图方式，那么是不是哪种方式都可以满足要求? 答案：不是的。 一般对页面的要求是，当页面大小发生变化时，页面的各部分可以相对自由地伸缩，而不会使页面发生错乱或变形等问题。 我们切分好的图是要输出为Html格式的网页文件的，然后通过网页编辑器，将该页面进行加工，做成符合要求(例如可以根据内容多少，自由伸缩等)的模板页面。这其中，切图的方式直接影响着模板页面是否能够满足实际的要求。 我们来看一个例子：

基于瓦片的web地图

做的一个网站中需要一个电子地图，姑且叫他web－gis吧！基本的实现机制是网页中的图片动态浏览，mapabc(也就是图盟：https://www.doczj.com/doc/4313261001.html,/)的网页地图应该也是基于这一机制实现的，google地图搜索就是mapabc提供的，当然我做的这个在功能方面和人家的还是差的远。去年，还差点决定到这家公司面试去那。 现在这个网站中的电子地图开始时也不是我自己写的，代码来自于一个俄罗斯人，使用了mootools工具包，我只是在他代码的基础上进行了功能和界面的修改和增补。地图图片是由很多小的图片组成的；也就是把一张大的地图图片，根据清晰度剪切成许多小的图片，再实时加载呈现出来。当地图上有拖拽、双击等操作时，也需要重新加载地图。你保存一下google 地图，就可以看到这些剪切出来的小图片了。小图片的文件名称都是按照规则命名的，这样也是js加载图片的需要。在地图上添加标识，是在地图上添加一个div，之后在它上面添加一个标识图片；当然这个div也要响应地图的所有事件。将鼠标放在标识上方后出现提示框，点击提示框中的文字可以进行一些相关操作！这个提示框的实现也有很多例子！我不知道地图搜索部分是如何实现的，估计应该是通过要搜索的字符检索匹配的地点和地点坐标。通过页面上的菜单可以在的图上显示这些地方，清晰度可以控制的。现在还有一些细节方面的问题需要修改！最后一张是操作成功后用ExtJs做的信息提示框！

网上有一个比较成熟的开源的地图浏览器,网址是：https://www.doczj.com/doc/4313261001.html,/projects/gsiv/,

初始版本的名字叫Giant Scalable Image Viewer (GSIV)，现在官方网站上又出现了一个版本Giant-Ass Image V iewer(GSV)。现在这个开源项目只是实现了图片的浏览，并且在IE下还有些问题。有兴趣的朋友可以研究一下！

详情页设计流程及要点分析

详情页设计流程及要点分析 详情页的设计技巧我们在前面已经分享了很多干货了，这边给大家一个案例，从案例中学一些，制作详情页到低应该注意什么，应该遵守怎么样的设计流程? 一、宝贝详情页的作用 宝贝详情页是提高转化率的入口，激发顾客的消费欲望，树立顾客对店铺的信任感，打消顾客的消费疑虑，促使顾客下单。优化宝贝详情对转化率有提升的作用，但是起决定性作用的还是产品本身。 产品拍摄是否具有视觉吸引力也是优化宝贝详情页的关键步骤。 二、设计详情遵循的前提 宝贝详情页要与宝贝主图、宝贝标题相契合，宝贝详情页必须是真实的介绍出宝贝的属性。 假如标题或者主图里写的是红枣核桃但是详情页却采用高端简约设计，针对土特产食品类的客户群来说不实在，只体现了品牌化却模糊了产品本身，是食品类买家的大忌。 三、设计前的市场调查 设计宝贝详情页之前要充分进行市场调查，同行业调查，规避同款。同时也要做好消费者调查，分析消费者人群分析消费者的消费能力，消费的喜好，以及顾客购买所在意的问题等。 四、调查结果及产品分析 根据市场调查结果以及自己的产品进行系统的分析总结。罗列出消费者所在意的问题，同行的优缺点。以及自身产品的定位，挖掘自身与众不同的卖点。

五、关于宝贝定位 根据店铺宝贝以及市场调查确定本店的消费群体。 六、关于挖掘宝贝卖点 针对消费群体挖掘出本店的宝贝卖点。 关于宝贝卖点的范围非常广泛。比如：卖价格卖款式卖文化卖感觉卖服务卖特色卖品质卖人气你卖的是什么呢? 如果做了充分的市场调查，可以了解到红枣夹核桃这款产品客户最感兴趣的要从原材料，原产地及制作过程去考虑购买，那么详情页就可以把这几个要点代入设计。 七、开始准备设计元素 根据消费者分析以及自身产品卖点的提炼，根据宝贝风格的定位，开始准备所用的设计素材，详情页用的文案并确立宝贝详情的用色，字体、排版等。最后还要烘托出符合宝贝特性的氛围，以及用简约文案列举这款产品的使用覆盖范围。 粤淘电商在做淘宝自然排名搜索上拥有自己独特的一套理念，经过多年的发展已经接触了一千多家电商客户，成功接手运营几率过半。

WebGIS中瓦片地图关键技术研究

２０１２年第２期·北京测绘· ［收稿日期］　２ ０１１－１０－２７［作者简介］　苏旭明（ １９６６—），女，汉族，湖南桃江人，高级工程师，硕士，主要从事地图制图和地理信息系统研究。ＷｅｂＧＩＳ中瓦片地图关键技术研究 苏旭明　谭建成 （中华测绘服务公司，北京１０００８８ ）［摘　要］　针对ＷｅｂＧＩＳ系统的特点，提出利用金字塔瓦片地图技术在服务器端预先生成不同级别的瓦片地图方法， 提高地图的生成、发布、显示和浏览效率，减轻服务器负载和网络传输负担。文中简要介绍了瓦片地图技术的实现模型。并对瓦片地图金字塔模型的构建、瓦片地图金字塔数据的组织、瓦片地图索引机制建立等关键技术进行了阐述。 ［关键词］　Ｗ ｅｂＧＩＳ；瓦片地图；金字塔模型；四叉树［中图分类号］　Ｐ２８３．７ ［文献标识码］　Ｂ ［文章编号］　１ ００７－３０００（２０１２）０２－４网络地理信息系统（ＷｅｂＧＩＳ）是Ｗｅｂ技术与ＧＩＳ技术相结合的产物，随着Ｉｎｔｅｒｎｅｔ技术和计算机技术的飞速发展，ＷｅｂＧＩＳ已成为当前ＧＩＳ领域的研究热点。其实现方式多种多样，其 中以基于ＨＴＴＰ、ＸＭＬ、ＧＭＬ的Ｂ／Ｓ结构的瘦客户端和Ａｊａｘ（ＡｓｙｎｃｈｒｏｎｏｕｓＪａｖａＳｃｒｉｐ ｔ　ａｎｄＸＭＬ）的ＲＩＡ（Ｒｉｃｈ　Ｉｎｔｅｒｎｅｔ　Ａｐｐｌｉｃａｔｉｏｎ，富网络应用或富客户端）技术模式为主流。其中后者用户只要拥有一台上网的计算机和任一款浏览器，不需要安装任何插件或其他客户端软件，就可以使用ＷｅｂＧＩＳ带来的服务。客户端只完成数据 量较小的简单操作和应用功能， 其它所有的基础性、全局性的ＧＩＳ功能操作都集中在服务器端实现，因此，服务器端的实现方式会直接决定 ＷｅｂＧＩＳ系统的性能。而其中Ｗｅｂ地图的生成、 发布、显示和浏览速度是决定ＷｅｂＧＩＳ系统性能的关键。传统的ＷｅｂＧＩＳ系统是客户端发送一次地图浏览请求，服务器根据请求实时生成一张图片， 时间长、效率低、出图慢。而利用金字塔瓦片地图技术在服务器端预先生成不同级别的瓦片地图，能大大提高地图的生成、发布、显示和浏览速度效率，极大地改进客户端和服务器端的交互效率，减轻服务器负载和网络传输负担。 １　瓦片地图技术的实现模型 瓦片地图技术的实现模型如下图图１所示。主要由服务器端的金字塔瓦片地图库的构建和客户端的Ａｊ ａｘ技术组成 。图１　瓦片地图技术的实现模型 服务器端的金字塔瓦片地图库的构建方法： 主要是对数据库中的空间数据进行符号化显示和分层瓦片切割（瓦片大小可以是１２８×１２８像 素，２５６×２５６像素，５１２×５１２像素等），生成不同层次的电子地图瓦片，建立地图瓦片金字塔模型，采用数据库或文件目录的方式对瓦片地图数 ９

制作自己的Web服务瓦片地理底图

制作自己的Web服务瓦片地理底图 最近的Web服务开发过程中遇到的问题是：如何制作自己的瓦片地理底图。因为：1）在单位内网中使用，不能通过外网直接调用高德、百度、或者谷歌的在线地图；2）主要涉及海域的中、小比例尺应用，即使有高德离线地图，也不实用；3）只涉及轻量级、简单的Web服务，不想用ArcGIS Server 等高端系统作为后端支撑。最后拟定的实施方案：1）采用ETOPO1、GEBCO_2014网格地形数据作为基础数据，绘制地理底图；2）通过Global Mapper软件将地理底图切割成OpenStreetMap（OSM）方式组织的瓦片地图；3）利用免费开源的Leaflet JS库实现地图交互。下面一一道来，供作参考。 1.绘制地图 1.1 下载ETOPO1数据 首先从美国国家海洋和大气管理局（NOAA）的环境信息中心下载ETOPO1全球地形数据，网址https://https://www.doczj.com/doc/4313261001.html,/mgg/global/global.html。ETOPO1的分辨率为1个弧分（约1.8公里），下载数据地理范围为：经度 60°E～ 180°E，纬度 20°S～60°N，图1为Sufer绘制的地形晕渲图。（注：如果机器内存及软件处理能力足够，可全部采用GEBCO_2014数据绘图，不一定需要ETOPO1数据。） 图1：ETOPO1地形晕渲图

1.2 下载GEBCO_2014数据 从英国海洋数据中心（BODC）下载最新的通用大洋水深图数据GEBCO_2014，网址https://www.doczj.com/doc/4313261001.html,/data_and_products/gridded_bathymetry_data。GEBCO制图项目由国际水道测量组织（IHO）和联合国教科文组织下属的政府间海洋学委员会（IOC）联合指导，并由英国海洋数据中心（BODC）负责更新与维护。GEBCO_2014网格数据的分辨率为30弧秒（约0.9公里），下载数据地理范围为：经度 102°E～ 140°E，纬度 0°～42°N，图2为Sufer绘制的地形晕渲图。 图2：GEBCO_2014地形晕渲图

淘宝上架商品详细流程与细节说明

淘宝上架商品是个非常简单的工作，可时间久了不操作，发现竟有些生疏了。 本章只讲淘宝上架，关于淘宝seo，点击参考以往教程《淘宝SEO是什么意思？电商SEO教程》 今天，小小课堂网为大家带来的是淘宝上架商品详细流程与细节说明教程。希 望对大家有所帮助。 一、前期准备 1、标题 标题中必须要体现一些淘宝的关键词。 小小课堂网准备上架一套WordPress SEO的视频教程。 标题选择为：wordpress seo seo零基础入门零基础seo视频零基础seo 教程 因为后期会有很多套视频上线，所以也就不纠结关键词的选择了，这些都是淘 宝搜索框中的关于“SEO”的提示词。 2、图片 图片分为主图图片和宝贝详情图片。

主图图片格式说明：700*700 以上的图片可以在宝贝详情页主图提供图片放大功能。 所以说，一般上传主图图片为方形，也就是宽高比为1:1。 宝贝详情图片分为电脑端和手机端。 1）电脑端图片格式要求 如下图所示： 2）手机端图片格式要求 如下图所示：

3、价格 价格就不多说了。薄利多销也好，提高价格也罢，都是可以的。本套WordPress SEO的价格定为9.9元，自然是不包括指导费用的，不过包括了后期视频的更新。 二、淘宝上架流程 淘宝上架的每一步都会为大家展现出来。 1、打开淘宝卖家中心 选择“宝贝管理”>“发布宝贝”。

2、选择类目 可以才“类目搜索”框中输入商品名，然后快速找到类目。

3、宝贝基础信息 标题、价格、宝贝规格、数量。

4、设置主图图片 直接点击“文件上传”，将准备好的大于700*700px的正方形图上传即可显示。 5、设置详情页图片 设置详情页图片步骤如下： 1）点击“插入图片”

PSD网页切图制作HTML教程

PSD网页切图制作HTML教程 把psd页面利用div+css切割成html页面 首先看看效果 下面的图片就是效果图，切割出来后，可能头部和底部会宽点..... 新建文件夹 开始时，在您的计算机中创建一个文件夹。我把它命名为zmool。再在文件夹中创建新文件夹images，放网站的所有图像。接下来打开代码编辑器（Dreamweaver），并在根目录下创建一个HTML文件名为index.html，这是我们的主页模板。现在创建一个新的CSS文件，并将其命名为style.css文件。如下图：

打开index.html文件。在head标签顶部，添加链接到您的样式表（style.css）。你可以使用下面的代码。 头部的代码如下面: Modern Design Studio 建立HTML结构 现在，我们将设置HTML文件结构。设置3个部分（标题，内容，页脚）像下面一样: Untitled Document

相关文档 最新文档