可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是南昌市新建区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts南昌市新建区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts南昌市新建区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts南昌市新建区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs南昌市新建区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化
threejs南昌市新建区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs南昌市新建区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
南昌市新建区 下辖有 长堎镇,红角洲管理处,成新实业有限公司,朱港实业有限公司,铁河乡,象山镇,昌邑乡,生米镇,联圩镇,恒湖垦殖场,九龙湖管理处,乐化镇,新祺周管理处,厚田乡,江西长堎外商投资工业区,南矶乡,望城镇,樵舍镇,流湖乡,溪霞镇,石埠镇,金桥乡,石岗镇,西山镇,大塘坪乡,江西桑海集团有限公司,松湖镇,新丰垦殖场
南昌市新建区下辖区域坐标
{"长堎镇":[115.80453677268949,28.68744980445619],"红角洲管理处":[115.81460829480743,28.65174099263398],"成新实业有限公司":[116.14085165771216,28.92368405592189],"朱港实业有限公司":[116.21234099221269,28.97213726045137],"铁河乡":[115.97871572240788,29.06103870118996],"象山镇":[115.98628778901997,28.96592916674509],"昌邑乡":[116.08584489684276,29.04633003038283],"生米镇":[115.74578268542858,28.57151402962476],"联圩镇":[116.05537849582242,28.91016303410176],"恒湖垦殖场":[116.15695362239472,29.01877403536465],"九龙湖管理处":[115.79669372765845,28.6078256115244],"乐化镇":[115.86900819542353,28.85420828402968],"新祺周管理处":[115.83813169601692,28.94451778887922],"厚田乡":[115.78003967960746,28.44579873982659],"江西长堎外商投资工业区":[115.76312652282164,28.66958818956615],"南矶乡":[116.32968620188876,28.99021993600212],"望城镇":[115.74299800489936,28.67029103408026],"樵舍镇":[115.95826045537066,28.87583787333007],"流湖乡":[115.71369202966883,28.4394815049023],"溪霞镇":[115.83529045057637,28.8614709120222],"石埠镇":[115.66932394584427,28.62131242595788],"金桥乡":[115.88053719118226,28.95224275086934],"石岗镇":[115.60647462943669,28.46079244581286],"西山镇":[115.61928811555109,28.58760367462667],"大塘坪乡":[115.93007078161425,29.02509682016945],"江西桑海集团有限公司":[115.82840727578129,28.92845551123491],"松湖镇":[115.67983472922381,28.39097137428406],"新丰垦殖场":[115.65305765025192,28.58781348616406]}
南昌市新建区行政划分代码
[{"name":"长堎镇","code":"360112100000"},{"name":"红角洲管理处","code":""},{"name":"成新实业有限公司","code":"360112402000"},{"name":"朱港实业有限公司","code":"360112403000"},{"name":"铁河乡","code":"360112205000"},{"name":"象山镇","code":"360112109000"},{"name":"昌邑乡","code":"360112207000"},{"name":"生米镇","code":""},{"name":"联圩镇","code":"360112111000"},{"name":"恒湖垦殖场","code":"360112400000"},{"name":"九龙湖管理处","code":""},{"name":"乐化镇","code":"360112107000"},{"name":"新祺周管理处","code":"360112461000"},{"name":"厚田乡","code":"360112202000"},{"name":"江西长堎外商投资工业区","code":""},{"name":"南矶乡","code":"360112208000"},{"name":"望城镇","code":"360112101000"},{"name":"樵舍镇","code":"360112106000"},{"name":"流湖乡","code":""},{"name":"溪霞镇","code":"360112108000"},{"name":"石埠镇","code":"360112110000"},{"name":"金桥乡","code":"360112204000"},{"name":"石岗镇","code":"360112104000"},{"name":"西山镇","code":"360112103000"},{"name":"大塘坪乡","code":"360112206000"},{"name":"江西桑海集团有限公司","code":"360112460000"},{"name":"松湖镇","code":"360112105000"},{"name":"新丰垦殖场","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看