随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理临夏回族自治州临夏市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
临夏市，甘肃省 临夏回族自治州 辖县级市、首府，位于甘肃省中部，省会兰州市西南，地处北纬35°31′～35°39′，东经103°06′～103°16′之间，总面积88.6平方千米。截至2022年6月，临夏市总人口48万人。截至2022年10月，临夏市下辖7个街道、4个镇。市人民政府驻城南街道。
echarts临夏回族自治州临夏市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts临夏回族自治州临夏市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts临夏回族自治州临夏市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs临夏回族自治州临夏市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs课程视频 WebGL 3D可视化教程
threejs临夏回族自治州临夏市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs临夏回族自治州临夏市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
临夏回族自治州临夏市 下辖有 城南街道,南龙镇,城郊镇,折桥镇,枹罕镇,东关街道,八坊街道,城北街道,红园街道,西关街道
临夏回族自治州临夏市下辖区域坐标
{"城南街道":[103.21067891154317,35.5986472500251],"南龙镇":[103.21281639863294,35.57916609196592],"城郊镇":[103.20659519957067,35.59003047649294],"折桥镇":[103.23643015450398,35.62835073749229],"枹罕镇":[103.13565474902508,35.55286877784179],"东关街道":[103.2153970166848,35.59122124561911],"八坊街道":[103.20398191582075,35.58847992904866],"城北街道":[103.21401056480278,35.61217271983975],"红园街道":[103.19833603654027,35.60568698803633],"西关街道":[103.19897572153313,35.59016217225999]}
临夏回族自治州临夏市行政划分代码
[{"name":"城南街道","code":"622901001000"},{"name":"南龙镇","code":"622901102000"},{"name":"城郊镇","code":"622901100000"},{"name":"折桥镇","code":"622901103000"},{"name":"枹罕镇","code":"622901101000"},{"name":"东关街道","code":"622901003000"},{"name":"八坊街道","code":"622901005000"},{"name":"城北街道","code":"622901002000"},{"name":"红园街道","code":"622901006000"},{"name":"西关街道","code":"622901004000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
