echarts湛江市雷州市geoJson地图阴影实例代码

echarts yekong

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

雷州市,广东省 辖县级市,由 湛江市 代管,建市前称海康县,位于中国大陆最南端的雷州半岛中部,总面积3709.33平方千米(包含湛江奋勇高新区、遂溪林场、北坡林场)。雷州市是广东省直管县财政改革试点 。截至2021年末,雷州市常住人口132.46万人。截至2022年10月,雷州市下辖3个街道、18个镇。

echarts湛江市雷州市geoJson地图阴影

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

echarts湛江市雷州市geoJson地图阴影

echarts湛江市雷州市geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts湛江市雷州市geoJson地图圆形波纹状气泡图

echarts湛江市雷州市geoJson地图指定区域高亮

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

echarts湛江市雷州市geoJson地图指定区域高亮

threejs湛江市雷州市geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频课程 3D可视化Three.js视频教程

threejs湛江市雷州市geoJson地图3d地图添加旋转棱锥

threejs湛江市雷州市geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs湛江市雷州市geoJson地图3d地图添加金色效果

threejs湛江市雷州市geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs湛江市雷州市geoJson地图3d地图添加描边效果

湛江市雷州市下辖有企水镇,雷城街道,新城街道,西湖街道,东里镇,乌石镇,北和镇,南兴镇,唐家镇,松竹镇,白沙镇,纪家镇,英利镇,覃斗镇,湛江农垦金星农场,广东省国营幸福农场,广东省国营火炬农场,湛江农垦东方红农场,广东省丰收糖业发展有限公司,客路镇,杨家镇,沈塘镇,调风镇,附城镇,雷高镇,湛江市奋勇经济区,龙门镇

湛江市雷州市下辖区域坐标

{"企水镇":[109.7696908351989,20.75899823666936],"雷城街道":[110.09833689200704,20.90302363083324],"新城街道":[110.0613552653611,20.92746733609362],"西湖街道":[110.07173588817763,20.93963274954876],"东里镇":[110.33545804265731,20.77853254016486],"乌石镇":[109.86738183830948,20.56271584941408],"北和镇":[109.83441251805664,20.67416100313702],"南兴镇":[110.09676516947411,20.79732118741446],"唐家镇":[109.84606894018447,20.82853710105945],"松竹镇":[110.04296699307173,20.83488330982562],"白沙镇":[110.01593642090847,20.93384063115514],"纪家镇":[109.78228449695777,20.93929490360142],"英利镇":[110.07035609301323,20.53862427848517],"覃斗镇":[109.91862112982162,20.51226122713288],"湛江农垦金星农场":[110.13002923045173,20.63102168147739],"广东省国营幸福农场":[110.04831991287574,20.62121578033069],"广东省国营火炬农场":[109.88310661277492,20.76757397323046],"湛江农垦东方红农场":[110.05481870675938,20.49885928393459],"广东省丰收糖业发展有限公司":[110.25118136757817,20.61787292187068],"客路镇":[109.96498681659084,21.07652355636432],"杨家镇":[109.92499129138022,20.89879046890887],"沈塘镇":[110.11075144546676,21.00078757917517],"调风镇":[110.27209125791302,20.67928907244909],"附城镇":[110.12400948508227,20.92390498179184],"雷高镇":[110.21524792722232,20.77105644100436],"湛江市奋勇经济区":[109.9572393456657,21.04807544948507],"龙门镇":[110.03251930540307,20.68811759258747]}

说明

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

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

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

湛江市雷州市echarts地图效果实例和threejs地图效果实例下载

喜欢