echarts泰州市兴化市geoJson地图label自定义样式演示实例

geoJson2 yekong

数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理泰州市兴化市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts泰州市兴化市geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts泰州市兴化市geoJson地图label自定义样式

echarts泰州市兴化市geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts泰州市兴化市geoJson地图区域闪烁

echarts泰州市兴化市geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts泰州市兴化市geoJson地图点击地图获取经纬度

threejs泰州市兴化市geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js前端3D可视化教程

threejs泰州市兴化市geoJson地图3d地图自定义贴图加CSS2D标签

threejs泰州市兴化市geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs泰州市兴化市geoJson地图3d地图自定义贴图加CSS3D标签

泰州市兴化市 下辖有 下圩镇,中堡镇,合陈镇,周奋乡,大营镇,大邹镇,开发区,新垛镇,昌荣镇,昭阳镇,李中镇,林湖乡,永丰镇,沈沦镇,沙沟镇,海南镇,竹泓镇,缸顾乡,老圩乡,茅山镇,荻垛镇,西郊镇,西鲍乡,钓鱼镇,临城镇,周庄镇,垛田镇,城东镇,大垛镇,安丰镇,张郭镇,戴南镇,戴窑镇,陈堡镇,陶庄镇

泰州市兴化市下辖区域坐标

{"下圩镇":[120.00968995823402,33.12745076250611],"中堡镇":[119.82453373182129,33.09452258067964],"合陈镇":[120.2488257327274,33.01353579002807],"周奋乡":[119.71193361463173,33.10174881980404],"大营镇":[120.25586316704107,33.09838508033374],"大邹镇":[119.92242401064703,33.12872691922767],"开发区":[119.80620730036091,32.8651229876773],"新垛镇":[120.18589906370747,33.10729717854275],"昌荣镇":[120.06814904351027,32.98398901390112],"昭阳镇":[119.79870695103685,32.9367419388153],"李中镇":[119.74173790093329,33.02952846850894],"林湖乡":[119.98124491558237,32.96875104793394],"永丰镇":[120.15911494937765,33.02679231013273],"沈沦镇":[120.00161630513507,32.81590053082583],"沙沟镇":[119.71005389724323,33.16444866467134],"海南镇":[119.99002800017186,33.05125504022264],"竹泓镇":[119.97042067628313,32.87977568708729],"缸顾乡":[119.78207879265256,33.06256074559577],"老圩乡":[120.13227931927194,33.1289668941309],"茅山镇":[119.99740074047052,32.74964557630908],"荻垛镇":[120.08938956767125,32.88009864400252],"西郊镇":[119.75161695701415,32.95972294496451],"西鲍乡":[119.85484772107691,32.99549191590947],"钓鱼镇":[119.92328902715828,33.06151905960172],"临城镇":[119.89103786667894,32.84831699915934],"周庄镇":[119.94255340505313,32.71048532474209],"垛田镇":[119.89078282525699,32.9151664189497],"城东镇":[119.92727402968904,32.99049154791226],"大垛镇":[120.03957092033411,32.8885992699912],"安丰镇":[120.08267844789333,33.10137884275792],"张郭镇":[120.14126970567648,32.77743139925066],"戴南镇":[120.08060600053608,32.74375574419002],"戴窑镇":[120.19238342567942,32.96239094185765],"陈堡镇":[119.89208401574118,32.7714911605385],"陶庄镇":[120.16261973424008,32.87650355964946]}

泰州市兴化市行政划分代码

[{"name":"下圩镇","code":""},{"name":"中堡镇","code":"321281109000"},{"name":"合陈镇","code":"321281101000"},{"name":"周奋乡","code":""},{"name":"大营镇","code":"321281126000"},{"name":"大邹镇","code":"321281107000"},{"name":"开发区","code":"321281400000"},{"name":"新垛镇","code":"321281103000"},{"name":"昌荣镇","code":"321281119000"},{"name":"昭阳镇","code":""},{"name":"李中镇","code":""},{"name":"林湖乡","code":"321281204000"},{"name":"永丰镇","code":"321281102000"},{"name":"沈沦镇","code":""},{"name":"沙沟镇","code":"321281108000"},{"name":"海南镇","code":"321281105000"},{"name":"竹泓镇","code":"321281114000"},{"name":"缸顾乡","code":""},{"name":"老圩乡","code":""},{"name":"茅山镇","code":""},{"name":"荻垛镇","code":"321281117000"},{"name":"西郊镇","code":""},{"name":"西鲍乡","code":""},{"name":"钓鱼镇","code":"321281106000"},{"name":"临城镇","code":""},{"name":"周庄镇","code":"321281121000"},{"name":"垛田镇","code":""},{"name":"城东镇","code":""},{"name":"大垛镇","code":"321281116000"},{"name":"安丰镇","code":"321281104000"},{"name":"张郭镇","code":""},{"name":"戴南镇","code":"321281123000"},{"name":"戴窑镇","code":"321281100000"},{"name":"陈堡镇","code":"321281122000"},{"name":"陶庄镇","code":"321281118000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

泰州市兴化市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts泰州市兴化市geoJson地图label自定义样式演示实例