用shp制作geoJson格式地图数据(shp convert to geoJson)
来源:互联网 发布:数据透视表怎么做差异 编辑:程序博客网 时间:2024/05/22 14:02
本文紧接前文,简单说明利用shp数据制作Echarts支持的geoJson格式的地图数据。本文以北京市通州区各镇的shp数据为例进行说明。
今天是香港回归20周年之际,在这个特殊的日子,祝愿祖国繁荣昌盛,愿世界和平。
软件环境:
ArcGIS 10.2 (ArcGIS 10.2安装传送门)
1. 加载数据,将shp数据加载到ArcMap中
2.为shp数据增加一个name字段
由于Echarts默认以name为字段标识地区名称,因此要为shp数据增加一个name字段,其值为各镇名称。保存数据。
3.转化为geoJson格式
这里利用一个在线转化工具进行数据转换,地址:http://mapshaper.org/
点击 select 按钮
选择步骤1中的shp数据
点击 Export 选择 GeoJson 进行导出
4.引入geoJson
var mapChart; var option; //use json file to make map layer $.get('../../js/Beijing_TZQ_TOWN.json', function (beijingJson) { echarts.registerMap('北京', beijingJson); mapChart = echarts.init(document.getElementById('map-wrap')); option = { title:{ text: '通州区各镇人口密度图', left: 'center' }, tooltip: { trigger: 'item', formatter: '{b}<br/>{c} (个)' }, toolbox: { show: true, orient: 'vertical', left: 'right', top: 'left', feature: { dataView: {readOnly: false}, restore: {}, saveAsImage: {} } }, visualMap: { min: 0, max: 2000, text:['高','低'], realtime: false, calculable: true, inRange: { color: ['lightskyblue','yellow', 'orangered'] } }, series:[ { name: '通州区各镇', type: 'map', map: '北京', // 自定义扩展图表类型 aspectScale: 1.0, //长宽比. default: 0.75 zoom: 1.1, roam: true, itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data: [] //需要动态加载data内容 } ] } mapChart.setOption(option); });这里特别要注意的是:series中 map属性要为'北京',这个根据你geoJson数据所表示的地区而定,加入你制作的是西安市geoJson数据,这里map要写'陕西',这样初始地图的大小才较为合适。
5.最终效果
下一篇文章将对series对象的 data 属性所需数据进行动态组织
如遇到问题,欢迎通过公众号留言给作者,以便共同探讨。
邮箱:thinkingingis@qq.com
微信公众号:
当然本文也是支持赞赏的:)
阅读全文
1 0
- 用shp制作geoJson格式地图数据(shp convert to geoJson)
- 由shp文件生成geojson
- Gdal中SHP转GeoJson
- geotools中shp和geojson格式的相互转换
- gdal将shp数据转换为geojson数据
- Shape(shp 矢量) TO(转) GeoJSON / TopoJSON
- 利用python语言实现shp文件生成geojson文件
- GeoJSON
- GeoJSON
- echarts地图扩展文件使用geoJson格式。
- geoJson——地理数据编码格式
- openlayers中获得geojson格式数据
- 全国SHP地图数据赠送
- c#配置GDAL环境,按照步骤一步一步肯定成功,代码为测试shp转Geojson
- GeoJSON格式规范说明
- Mapgis to shp数据转换
- openlayers加载geojson数据 *
- Geo server 发布shp格式地图
- tomcat错误日志分析
- html常用空白符
- 分支定界法——旅行商(TSP)问题
- Spring bean初始化原理详解
- 酷播云的全终端调用代码范例,支持pc,手机,微信观看
- 用shp制作geoJson格式地图数据(shp convert to geoJson)
- Activiti工作流学习笔记
- Socket粘包问题
- 服务器性能监控---工具篇
- 关于指纹硬件ID脚gpio兼容原理推导
- 三种出错处理方式各自优缺点
- Nginx超完整配置技术说明
- raw_input() 与 input() __ Python
- C++Primer Plus(第六版) 第八章 第二题