矢量地图自定义切片样式

准备工作

http://download.openstreetmap.fr/extracts/asia/china/ 下载中国省级矢量地图数据,列如:shanghai-latest.osm.pbf
http://maperitive.net/ 下载maperitive工具进行自定义样式与切片
打开maperitive 选择 File-Open Map Sources 打开下载的矢量地图数据
右下角点击Web map(OSM Mapnik) 星星不显示默认地图

自定义样式文件:

有默认的几种样式可以通过 Map-Swich To Rules 来进行选择,
不满意可以自定义，样式文件在安装文件夹的Rules文件夹，参考原有样式文件修改相关属性进行自定义

下方控制台输入use-ruleset location=Rules\my.mrules来加入自定义样式文件
Map-Swich To Rules 选择自定义的地图样式

切片:

下方控制台输入generate-tiles minzoom=8 maxzoom=18
注意切片切的是显示的区域
瓦片存在Tiles文件夹下

矢量地图自定义切片样式相关推荐

echarts地图自定义tooltip样式
效果图: 自定义tooltip样式 tooltip: {position: ['50%', '50%'],trigger: 'item',backgroundColor: 'rgba(0,0,0,0) ...
百度地图自定义标注样式
实现效果图标注样式的自定义 // 百度地图marker样式 let icon1 = new BMap.Icon(require('../src/assets/nationMap/marker1.pn ...
高德地图自定义省界样式
⚡️ 由于高德api省界描边样式与ui差别很大,所以尝试自定义省界线样式 ⚡️ vue2.vue3实现方式一致,本篇记录vue3实现方式效果图(河北省为例) vue3设置了高德地图安全密钥简述主要 ...
echarts地图自定义点样式，缩放计算点聚合，自定义图例icon，label文字样式
效果: 引入echarts后: 阿里云下载json数据: DataV.GeoAtlas地理小工具系列引入数据: import chongqing from '@/assets/js/chongqin ...
自定义数据格式的矢量地图实现
Update *原文链接:http://blog.csdn.net/tyc129/article/details/70477131* 项目已重构至2.0,启用了新的数据结构和代码结构.基本弥补了初版的 ...
非常好用的开源矢量地图切片工具
一直在研究矢量瓦片相关内容,想找一款比较稳定的切片工具比较费劲,看了很多设计,建议用四叉树开发,或者是开源工具,在qgis里有个mbtiles切图的工具,用了一下也还可以.试了一下geowebcach ...
百度地图自定义信息窗口样式
在项目中,UI经常会把信息窗口做自定义设计,那么如何实现自定义样式的信息窗口呢.核心代码如下: /** 创建信息窗口* */function _createMapvInfoWindow(width,h ...
vue+antv L7实现高德地图自定义样式和自定义marker
实现思路 1.在index.html中引入antv L7和高德地图 <script src="https://gw.alipayobjects.com/os/antv/pkg/_ant ...
vue 使用百度地图以及地图样式、绘制点、点聚合和多边形区域、自定义点样式、聚合样式等
index.html 引入百度地图api: <script type="text/javascript" src="https://api.map.baidu.co ...
前端项目使用高德API，创建地图，撒点，自定义标记点样式，点击点位展示信息提示窗体
最近项目开发中遇到了高德地图自定义点的样式,点击展示信息窗体的需求.做个总结! 初始化地图展示点和点击展示信息窗体我们用的Vue开发的,所以在这儿我用Vue中例子来说! 1.html标签创建地图放置 ...

矢量地图自定义切片样式

准备工作

自定义样式文件:

切片:

矢量地图自定义切片样式相关推荐

最新文章

热门文章