echarts临沂市郯城县geoJson地图阴影代码演示

geoJson2 yekong

随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理临沂市郯城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

郯城县为隶属于山东省临沂市,位于山东省最南部,地处鲁苏交界,南临江苏省邳州、新沂、东海三市县,北半部与临沂市临沭县、河东区、罗庄区、兰陵县接壤。是山东省南大门、齐鲁大地与江淮地区交往的重要交通要道。

echarts临沂市郯城县geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts临沂市郯城县geoJson地图阴影

echarts临沂市郯城县geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts临沂市郯城县geoJson地图tooltip自定义html

echarts临沂市郯城县geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts临沂市郯城县geoJson地图点击地图插小旗

threejs临沂市郯城县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化

threejs临沂市郯城县geoJson地图3d地图添加旋转棱锥

threejs临沂市郯城县geoJson地图3d地图css2d标签

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

threejs临沂市郯城县geoJson地图3d地图css2d标签

threejs临沂市郯城县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs临沂市郯城县geoJson地图3d地图CSS2D外加旋转棱锥

临沂市郯城县 下辖有 郯城街道,归昌乡,花园乡,庙山镇,李庄镇,杨集镇,泉源乡,港上镇,红花镇,胜利镇,重坊镇,马头镇,高峰头镇

临沂市郯城县下辖区域坐标

{"郯城街道":[118.36822597160585,34.65133246561782],"归昌乡":[118.27645547594751,34.52180307559661],"花园乡":[118.19253893161476,34.51080798252897],"庙山镇":[118.34310755285141,34.75084921507472],"李庄镇":[118.40100040831575,34.85121109117824],"杨集镇":[118.22478380059579,34.43210442485881],"泉源乡":[118.45518302173713,34.73711183354817],"港上镇":[118.21342096398604,34.59283245119194],"红花镇":[118.35388928002143,34.47708318732396],"胜利镇":[118.2300636596666,34.68908141087211],"重坊镇":[118.13311571239308,34.60063738452744],"马头镇":[118.26734835855072,34.61236700944092],"高峰头镇":[118.3730165655005,34.54030183893303]}

临沂市郯城县行政划分代码

[{"name":"郯城街道","code":"371322001000"},{"name":"归昌乡","code":"371322203000"},{"name":"花园乡","code":""},{"name":"庙山镇","code":"371322109000"},{"name":"李庄镇","code":"371322103000"},{"name":"杨集镇","code":"371322105000"},{"name":"泉源乡","code":""},{"name":"港上镇","code":"371322107000"},{"name":"红花镇","code":"371322111000"},{"name":"胜利镇","code":"371322112000"},{"name":"重坊镇","code":"371322102000"},{"name":"马头镇","code":"371322101000"},{"name":"高峰头镇","code":"371322108000"}]

说明

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

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

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

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

临沂市郯城县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts临沂市郯城县geoJson地图阴影代码演示