echarts伊犁哈萨克自治州奎屯市geoJson地图点击地图插小旗实例

geoJson2 yekong

可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理伊犁哈萨克自治州奎屯市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

奎屯市隶属于中华人民共和国新疆维吾尔自治区伊犁哈萨克自治州,地处天山北麓中段,准噶尔盆地西南部,东与塔城地区沙湾市接壤,西与塔城地区乌苏市毗邻,北与胡杨河市、克拉玛依市克拉玛依区相接,南与克拉玛依市独山子区相连,这片区域统称为“三地四方”,被经济学界誉为新疆经济发展的“金三角”。 全市辖6个街道、1个乡、国家级奎屯-独山子经济技术开发区-天北新区,行政区面积909.48平方公里。市名是和硕特蒙古语“寒冷”的意思。

echarts伊犁哈萨克自治州奎屯市geoJson地图点击地图插小旗

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

echarts伊犁哈萨克自治州奎屯市geoJson地图点击地图插小旗

echarts伊犁哈萨克自治州奎屯市geoJson地图地图下钻展示

地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.

echarts伊犁哈萨克自治州奎屯市geoJson地图地图下钻展示

echarts伊犁哈萨克自治州奎屯市geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts伊犁哈萨克自治州奎屯市geoJson地图3d地图自定义图标

threejs伊犁哈萨克自治州奎屯市geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣,可以观看threejs课程视频 WebGL前端3D可视化教程

threejs伊犁哈萨克自治州奎屯市geoJson地图3d地图

threejs伊犁哈萨克自治州奎屯市geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs伊犁哈萨克自治州奎屯市geoJson地图3d地图鼠标移入显示标签并高亮

threejs伊犁哈萨克自治州奎屯市geoJson地图3d地图添加描边效果

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

threejs伊犁哈萨克自治州奎屯市geoJson地图3d地图添加描边效果

伊犁哈萨克自治州奎屯市 下辖有 团结路街道,火车站街道,乌鲁木齐西路街道,兵团一三一团,天北新区,北京路街道,开干齐乡,乌东路街道

伊犁哈萨克自治州奎屯市下辖区域坐标

{"团结路街道":[84.90114942624243,44.42869386068808],"火车站街道":[84.84477548660574,44.40247891740839],"乌鲁木齐西路街道":[84.86660673937078,44.42978972333479],"兵团一三一团":[84.98200530126334,44.50520292927571],"天北新区":[84.91392438458881,44.44847457200954],"北京路街道":[84.85008861610022,44.41994986487657],"开干齐乡":[85.1396122176225,44.47963752208261],"乌东路街道":[84.97494214382579,44.4006794983211]}

伊犁哈萨克自治州奎屯市行政划分代码

[{"name":"团结路街道","code":"654003001000"},{"name":"火车站街道","code":"654003005000"},{"name":"乌鲁木齐西路街道","code":"654003004000"},{"name":"兵团一三一团","code":"654003508000"},{"name":"天北新区","code":"654003510000"},{"name":"北京路街道","code":"654003003000"},{"name":"开干齐乡","code":"654003201000"},{"name":"乌东路街道","code":"654003002000"}]

说明

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

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

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

伊犁哈萨克自治州奎屯市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts伊犁哈萨克自治州奎屯市geoJson地图点击地图插小旗实例