用shp制作geoJson格式地图数据(shp convert to geoJson)

发布时间:2017-7-9 7:35:59编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"用shp制作geoJson格式地图数据(shp convert to geoJson)",主要涉及到用shp制作geoJson格式地图数据(shp convert to geoJson)方面的内容,对于用shp制作geoJson格式地图数据(shp convert to geoJson)感兴趣的同学可以参考一下。

  1. var mapChart;  
  2. var option;  
  3. //use json file to make map layer  
  4. $.get('../../js/Beijing_TZQ_TOWN.json', function (beijingJson) {  
  5.         echarts.registerMap('北京', beijingJson);   
  6.         mapChart = echarts.init(document.getElementById('map-wrap'));   
  7.         option = {  
  8.             title:{  
  9.                 text: '通州区各镇人口密度图',  
  10.                 left: 'center'  
  11.             },  
  12.             tooltip: {  
  13.            trigger: 'item',  
  14.            formatter: '{b}<br/>{c} (个)'  
  15.             },  
  16.             toolbox: {  
  17.           show: true,  
  18.           orient: 'vertical',  
  19.           left: 'right',  
  20.           top: 'left',  
  21.           feature: {  
  22.               dataView: {readOnly: false},  
  23.               restore: {},  
  24.               saveAsImage: {}  
  25.           }  
  26.             },  
  27.             visualMap: {  
  28.             min: 0,  
  29.             max: 2000,  
  30.             text:['高','低'],  
  31.             realtime: false,  
  32.             calculable: true,  
  33.             inRange: {  
  34.                 color: ['lightskyblue','yellow', 'orangered']  
  35.             }  
  36.                 },  
  37.             series:[  
  38.                 {  
  39.                 name: '通州区各镇',  
  40.                         type: 'map',  
  41.                         map: '北京', // 自定义扩展图表类型  
  42.                         aspectScale: 1.0, //长宽比. default: 0.75  
  43.                         zoom: 1.1,  
  44.                         roam: true,  
  45.                itemStyle:{  
  46.                    normal:{label:{show:true}},  
  47.                    emphasis:{label:{show:true}}  
  48.                },  
  49.                 data: [] //需要动态加载data内容  
  50.                 }  
  51.             ]  
  52.         }  
  53.     mapChart.setOption(option);  
  54. });  

这里特别要注意的是:series中 map属性要为'北京',这个根据你geoJson数据所表示的地区而定,加入你制作的是西安市geoJson数据,这里map要写'陕西',这样初始地图的大小才较为合适。

5.最终效果


上一篇:springMVC+MyBatis项目实践(1)

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款