echarts酒泉市肃北蒙古族自治县geoJson地图tooltip自定义html实例

echarts yekong 444℃

数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理酒泉市肃北蒙古族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

肃北蒙古族自治县,隶属 甘肃省 酒泉市。位于河西走廊西端南北两侧, 辖地分南北两部分,南部祁连山地区,东与肃南裕固族自治县为邻,南与天峻县、德令哈市接壤,西南及西部与阿克塞哈萨克族自治县毗连, 北与敦煌市、瓜州县、 玉门市衔接。北部马鬃山地区,东邻额济纳旗,南连瓜州县、 玉门市,西接哈密市,北界蒙古国,总面积66748平方公里。截至2022年10月,肃北蒙古族自治县下辖2个镇、2个乡。 2022年,肃北县常住人口1.51万人,户籍人口1.26万人。

echarts酒泉市肃北蒙古族自治县geoJson地图tooltip自定义html

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

echarts酒泉市肃北蒙古族自治县geoJson地图tooltip自定义html

echarts酒泉市肃北蒙古族自治县geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts酒泉市肃北蒙古族自治县geoJson地图全局颜色渐变

echarts酒泉市肃北蒙古族自治县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts酒泉市肃北蒙古族自治县geoJson地图水滴状气泡图

threejs酒泉市肃北蒙古族自治县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs视频 WebGL/Three.js前端高薪3D可视化

threejs酒泉市肃北蒙古族自治县geoJson地图3d地图css2d标签

threejs酒泉市肃北蒙古族自治县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs酒泉市肃北蒙古族自治县geoJson地图3d地图添加旋转棱锥

threejs酒泉市肃北蒙古族自治县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs酒泉市肃北蒙古族自治县geoJson地图3d地图指定区域闪烁

酒泉市肃北蒙古族自治县 下辖有 盐池湾乡,石包城乡,马鬃山镇,党城湾镇

酒泉市肃北蒙古族自治县下辖区域坐标

{"盐池湾乡":[],"石包城乡":[96.56970805186839,39.5167044535156],"马鬃山镇":[96.96723267492459,41.74963655192901],"党城湾镇":[95.12737350260178,39.58635178088356]}

酒泉市肃北蒙古族自治县行政划分代码

[{"name":"盐池湾乡","code":"620923201000"},{"name":"石包城乡","code":"620923202000"},{"name":"马鬃山镇","code":"620923101000"},{"name":"党城湾镇","code":"620923100000"}]

说明

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

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

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

酒泉市肃北蒙古族自治县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts酒泉市肃北蒙古族自治县geoJson地图tooltip自定义html实例