数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理伊犁哈萨克自治州伊宁市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
伊宁市是伊犁哈萨克自治州的地级行政区首府，位于新疆维吾尔自治区西北边陲，地处伊犁河谷盆地中央。地理坐标为北纬43°50′～44°09′、东经80°04′～81°29′之间。东连伊宁县，西邻霍城县，南濒伊犁河与察布查尔锡伯自治县隔河相望，北依科古尔琴山。距乌鲁木齐市航空里程509千米，铁路里程614千米，公路里程702千米。东北至塔城市公路里程830千米，至阿勒泰市公路里程989千米。市中心海拔639米。伊宁市市域行政辖区总面积644.01平方公里，截至2020年末，建成区面积122平方公里，南北长52.08千米，东西宽35.5千米。
echarts伊犁哈萨克自治州伊宁市geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts伊犁哈萨克自治州伊宁市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts伊犁哈萨克自治州伊宁市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs伊犁哈萨克自治州伊宁市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频 WebGL/Three.js前端3D可视化教程
threejs伊犁哈萨克自治州伊宁市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs伊犁哈萨克自治州伊宁市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
伊犁哈萨克自治州伊宁市 下辖有 伊宁市边境经济合作区,喀赞其街道,墩买里街道,萨依布依街道,伊犁河路街道,克伯克圩孜乡,都来提巴格街道,伊犁州农业良种繁育中心,潘津乡,汉宾乡,喀尔墩乡,塔什科瑞克乡,巴彦岱镇,琼科瑞克街道,托格拉克乡,解放路街道,达达木图乡,伊犁州奶牛场,艾兰木巴格街道,英也尔乡,伊宁市园艺场
伊犁哈萨克自治州伊宁市下辖区域坐标
{"伊宁市边境经济合作区":[81.25476394738611,43.92781570757204],"喀赞其街道":[81.31591163937632,43.89833781981378],"墩买里街道":[81.29308290835024,43.91672239757872],"萨依布依街道":[81.29984171152037,43.92840466175782],"伊犁河路街道":[81.28718200894822,43.89973207613728],"克伯克圩孜乡":[81.4106487722771,43.94575220381154],"都来提巴格街道":[81.33042353704369,43.90504773298152],"伊犁州农业良种繁育中心":[81.38622019102876,43.93250410691373],"潘津乡":[81.38508764308555,43.99515228829011],"汉宾乡":[],"喀尔墩乡":[81.3791347425245,43.91757341677962],"塔什科瑞克乡":[81.32728032966008,43.88687777136344],"巴彦岱镇":[],"琼科瑞克街道":[81.35416853213351,43.90754805004218],"托格拉克乡":[81.43274299231607,43.87446648576628],"解放路街道":[81.30643255376765,43.93432362961602],"达达木图乡":[81.32435484121822,43.99597875148238],"伊犁州奶牛场":[81.21370647349218,43.88753174360997],"艾兰木巴格街道":[81.3384110539469,43.93981221764696],"英也尔乡":[81.25814419164925,44.10479999291652],"伊宁市园艺场":[81.42494870911815,43.97754829520072]}
伊犁哈萨克自治州伊宁市行政划分代码
[{"name":"伊宁市边境经济合作区","code":"654002403000"},{"name":"喀赞其街道","code":"654002004000"},{"name":"墩买里街道","code":"654002002000"},{"name":"萨依布依街道","code":"654002001000"},{"name":"伊犁河路街道","code":"654002003000"},{"name":"克伯克圩孜乡","code":""},{"name":"都来提巴格街道","code":"654002005000"},{"name":"伊犁州农业良种繁育中心","code":""},{"name":"潘津乡","code":""},{"name":"汉宾乡","code":"654002201000"},{"name":"喀尔墩乡","code":"654002203000"},{"name":"塔什科瑞克乡","code":"654002202000"},{"name":"巴彦岱镇","code":"654002100000"},{"name":"琼科瑞克街道","code":"654002006000"},{"name":"托格拉克乡","code":"654002204000"},{"name":"解放路街道","code":"654002008000"},{"name":"达达木图乡","code":""},{"name":"伊犁州奶牛场","code":""},{"name":"艾兰木巴格街道","code":"654002007000"},{"name":"英也尔乡","code":""},{"name":"伊宁市园艺场","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
