数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理盐城市东台市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts盐城市东台市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts盐城市东台市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts盐城市东台市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs盐城市东台市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs盐城市东台市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
盐城市东台市 下辖有 江苏省农垦弶港农场,三仓镇,头灶镇,安丰镇,开发区,弶港镇,新街镇,时堰镇,溱东镇,城东新区,西溪景区,江苏省新曹农场,东台镇,富安镇,梁垛镇,许河镇,南沈灶镇,沿海经济区,五烈镇,唐洋镇
盐城市东台市下辖区域坐标
{"江苏省农垦弶港农场":[120.79205909036602,32.78029243399267],"三仓镇":[120.69405919357744,32.78059896078433],"头灶镇":[120.58793718294443,32.88342661717788],"安丰镇":[120.4035568062024,32.72281920375494],"开发区":[120.34140568678441,32.90215772736319],"弶港镇":[120.80966472820063,32.80991117814249],"新街镇":[120.77707082434247,32.65551816416672],"时堰镇":[120.23824406370224,32.72314480547456],"溱东镇":[120.16280789649801,32.65445251244812],"城东新区":[120.38134791534293,32.86781780080561],"西溪景区":[120.27524452008163,32.84879749897261],"江苏省新曹农场":[120.76721219122656,32.90222220011421],"东台镇":[120.40686095442722,32.86886694860802],"富安镇":[120.51532483370205,32.69031309300222],"梁垛镇":[120.32193553188546,32.76969986624097],"许河镇":[120.66642342718728,32.72038497904313],"南沈灶镇":[120.50183389392888,32.78049151254287],"沿海经济区":[120.89163125733589,32.74547024170205],"五烈镇":[120.21738568964342,32.85597851923528],"唐洋镇":[120.66418809722245,32.63157622472336]}
盐城市东台市行政划分代码
[{"name":"江苏省农垦弶港农场","code":""},{"name":"三仓镇","code":"320981115000"},{"name":"头灶镇","code":"320981118000"},{"name":"安丰镇","code":"320981108000"},{"name":"开发区","code":"320981409000"},{"name":"弶港镇","code":"320981121000"},{"name":"新街镇","code":"320981113000"},{"name":"时堰镇","code":"320981101000"},{"name":"溱东镇","code":"320981100000"},{"name":"城东新区","code":""},{"name":"西溪景区","code":"320981412000"},{"name":"江苏省新曹农场","code":"320981400000"},{"name":"东台镇","code":"320981122000"},{"name":"富安镇","code":"320981110000"},{"name":"梁垛镇","code":"320981107000"},{"name":"许河镇","code":"320981114000"},{"name":"南沈灶镇","code":"320981109000"},{"name":"沿海经济区","code":"320981410000"},{"name":"五烈镇","code":"320981106000"},{"name":"唐洋镇","code":"320981112000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
