echarts营口市盖州市geoJson地图自定义引导线演示实例

geoJson2 yekong

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

盖州市,辽宁省辖县级市,由营口市代管,位于辽东半岛西北部,为东高西低的阶梯式地貌,四季分明,日照充足,总面积2930平方千米。截至2022年10月,全市辖8个街道、16个镇、3个乡。截至2021年底,全市户籍人口。

echarts营口市盖州市geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts营口市盖州市geoJson地图自定义引导线

echarts营口市盖州市geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts营口市盖州市geoJson地图 visualMap控制地图颜色

echarts营口市盖州市geoJson地图tooltip自定义html

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

echarts营口市盖州市geoJson地图tooltip自定义html

threejs营口市盖州市geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频 WebGL前端3D可视化教程

threejs营口市盖州市geoJson地图3d地图鼠标移入显示标签并高亮

threejs营口市盖州市geoJson地图3d地图添加金色效果

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

threejs营口市盖州市geoJson地图3d地图添加金色效果

threejs营口市盖州市geoJson地图3d地图指定区域闪烁

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

threejs营口市盖州市geoJson地图3d地图指定区域闪烁

营口市盖州市 下辖有 二台乡,鼓楼街道,双台镇,万福镇,九寨镇,团甸镇,徐屯镇,梁屯镇,暖泉镇,沙岗镇,杨运镇,果园乡,陈屯镇,团山街道,高屯镇,小石棚乡,东城街道,青石岭镇,太阳升街道,什字街镇,卧龙泉镇,归州街道,西城街道,榜式堡镇,西海街道,九垄地街道,矿洞沟镇

营口市盖州市下辖区域坐标

{"二台乡":[122.0595737313478,40.08224329324512],"鼓楼街道":[122.35501772853273,40.39551954906302],"双台镇":[122.27920355162485,40.22170915733403],"万福镇":[122.57230976055067,40.14007728019562],"九寨镇":[122.15347149649203,40.06882833571303],"团甸镇":[122.48581192370409,40.45395338177975],"徐屯镇":[122.44278765678237,40.31583981534105],"梁屯镇":[122.57477832075247,40.25241294455235],"暖泉镇":[122.53869318980253,40.36124094848613],"沙岗镇":[122.23820673269887,40.34899649675442],"杨运镇":[122.285339539809,40.08949083769915],"果园乡":[],"陈屯镇":[122.21078448116936,40.14035749100528],"团山街道":[122.25392378932045,40.40480404416382],"高屯镇":[122.59923648770616,40.41159929475741],"小石棚乡":[122.4138542286162,40.20253195350743],"东城街道":[],"青石岭镇":[122.42161487106165,40.50105450322476],"太阳升街道":[122.329708646683,40.35946668089812],"什字街镇":[122.44464781338844,40.03020612201765],"卧龙泉镇":[122.76392892132893,40.26264899130203],"归州街道":[122.01686589006894,40.10118753140983],"西城街道":[],"榜式堡镇":[122.72029352810492,40.38303282733732],"西海街道":[122.30908820209234,40.46214174216958],"九垄地街道":[122.04370859414874,40.18458400623927],"矿洞沟镇":[122.75118557406952,40.17116639765072]}

营口市盖州市行政划分代码

[{"name":"二台乡","code":"210881218000"},{"name":"鼓楼街道","code":"210881001000"},{"name":"双台镇","code":"210881118000"},{"name":"万福镇","code":"210881110000"},{"name":"九寨镇","code":"210881109000"},{"name":"团甸镇","code":"210881117000"},{"name":"徐屯镇","code":"210881120000"},{"name":"梁屯镇","code":"210881124000"},{"name":"暖泉镇","code":"210881113000"},{"name":"沙岗镇","code":"210881105000"},{"name":"杨运镇","code":"210881119000"},{"name":"果园乡","code":"210881217000"},{"name":"陈屯镇","code":"210881123000"},{"name":"团山街道","code":"210881005000"},{"name":"高屯镇","code":"210881102000"},{"name":"小石棚乡","code":"210881216000"},{"name":"东城街道","code":"210881003000"},{"name":"青石岭镇","code":"210881112000"},{"name":"太阳升街道","code":"210881004000"},{"name":"什字街镇","code":"210881121000"},{"name":"卧龙泉镇","code":"210881111000"},{"name":"归州街道","code":"210881008000"},{"name":"西城街道","code":"210881002000"},{"name":"榜式堡镇","code":"210881116000"},{"name":"西海街道","code":"210881006000"},{"name":"九垄地街道","code":"210881007000"},{"name":"矿洞沟镇","code":"210881122000"}]

说明

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

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

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

营口市盖州市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts营口市盖州市geoJson地图自定义引导线演示实例