echarts景德镇市乐平市geoJson地图label样式自定义效果

geoJson2 yekong

数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是景德镇市乐平市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts景德镇市乐平市geoJson地图label样式自定义

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

echarts景德镇市乐平市geoJson地图label样式自定义

echarts景德镇市乐平市geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts景德镇市乐平市geoJson地图指定区域高亮

echarts景德镇市乐平市geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts景德镇市乐平市geoJson地图定义颜色

threejs景德镇市乐平市geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程

threejs景德镇市乐平市geoJson地图3d地图

threejs景德镇市乐平市geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs景德镇市乐平市geoJson地图3d地图自定义贴图加CSS2D标签

threejs景德镇市乐平市geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名

threejs景德镇市乐平市geoJson地图3d地图css2d标签

景德镇市乐平市 下辖有 礼林镇,后港镇,塔前镇,接渡镇,洪岩镇,浯口镇,涌山镇,塔山街道,江西乐平工业园区,洎阳街道,农业高新园,高家镇,鸬鹚乡,十里岗乡,镇桥镇,临港镇,乐港镇,众埠镇,双田镇,名口镇

景德镇市乐平市下辖区域坐标

{"礼林镇":[117.15769180413312,28.83926654442278],"后港镇":[117.09508120367717,29.0066904012453],"塔前镇":[117.13642877144858,29.11109150073267],"接渡镇":[117.2049738257478,28.93180946770222],"洪岩镇":[117.45871460055712,29.07079187244312],"浯口镇":[117.25058804773795,28.98356759357874],"涌山镇":[117.32471539773344,29.13483005224919],"塔山街道":[117.1319491420507,28.92296171021863],"江西乐平工业园区":[117.1399375062361,28.93757818227036],"洎阳街道":[117.12874096071855,28.97154749204101],"农业高新园":[117.19280705343664,29.00015975416429],"高家镇":[117.37444358625106,28.99543980818301],"鸬鹚乡":[117.33235859754606,28.92850912958466],"十里岗乡":[117.49323189259462,28.86095941628983],"镇桥镇":[117.05357715255897,28.86558151640281],"临港镇":[117.33263987727622,29.04477020947815],"乐港镇":[117.03628433936237,28.93607494168456],"众埠镇":[117.32711845830802,28.81227925274644],"双田镇":[117.20347658736696,29.07638431604027],"名口镇":[117.4425840608572,28.9325086649724]}

景德镇市乐平市行政划分代码

[{"name":"礼林镇","code":"360281106000"},{"name":"后港镇","code":"360281107000"},{"name":"塔前镇","code":"360281108000"},{"name":"接渡镇","code":"360281104000"},{"name":"洪岩镇","code":"360281105000"},{"name":"浯口镇","code":"360281113000"},{"name":"涌山镇","code":"360281102000"},{"name":"塔山街道","code":"360281002000"},{"name":"江西乐平工业园区","code":"360281401000"},{"name":"洎阳街道","code":"360281001000"},{"name":"农业高新园","code":"360281400000"},{"name":"高家镇","code":"360281111000"},{"name":"鸬鹚乡","code":"360281200000"},{"name":"十里岗乡","code":""},{"name":"镇桥镇","code":"360281100000"},{"name":"临港镇","code":"360281110000"},{"name":"乐港镇","code":"360281101000"},{"name":"众埠镇","code":"360281103000"},{"name":"双田镇","code":"360281109000"},{"name":"名口镇","code":"360281112000"}]

说明

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

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

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

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

景德镇市乐平市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts景德镇市乐平市geoJson地图label样式自定义效果