数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理喀什地区喀什市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
喀什市 新疆维吾尔自治区喀什地区辖县级市,位于新疆维吾尔自治区西南部、塔里木盆地西缘,位于东经73°20′~79°57′,北纬35°20′~40°18′,属暖温带大陆性干旱气候,四季分明。总面积1056.8平方千米,人口71.13万(2019年),截至2022年12月,喀什市下辖8个街道、2个镇、9个乡。 市人民政府驻吾斯塘博依街道。
echarts喀什地区喀什市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts喀什地区喀什市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts喀什地区喀什市geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs喀什地区喀什市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程
threejs喀什地区喀什市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs喀什地区喀什市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
喀什地区喀什市 下辖有 帕哈太克里乡,吾斯塘博依街道,浩罕乡,色满乡,荒地乡,库木德尔瓦扎街道,恰萨街道,阿瓦提乡,亚瓦格街道,乃则尔巴格镇,伯什克然木乡,夏马勒巴格镇,多来特巴格乡
喀什地区喀什市下辖区域坐标
{"帕哈太克里乡":[75.91133875570065,39.43466096322136],"吾斯塘博依街道":[75.96897151298197,39.47072383387457],"浩罕乡":[76.05560750529327,39.5225186880396],"色满乡":[75.90237923823275,39.47640033326691],"荒地乡":[75.93042372307565,39.54355976652765],"库木德尔瓦扎街道":[],"恰萨街道":[76.00754872316658,39.46537770529711],"阿瓦提乡":[76.19517809333452,39.49594676221065],"亚瓦格街道":[],"乃则尔巴格镇":[76.00708156178223,39.53213419734105],"伯什克然木乡":[76.13887306019208,39.57061723134102],"夏马勒巴格镇":[75.97497367977105,39.45426070568365],"多来特巴格乡":[]}
喀什地区喀什市行政划分代码
[{"name":"帕哈太克里乡","code":"653101206000"},{"name":"吾斯塘博依街道","code":"653101003000"},{"name":"浩罕乡","code":"653101203000"},{"name":"色满乡","code":"653101204000"},{"name":"荒地乡","code":"653101205000"},{"name":"库木德尔瓦扎街道","code":""},{"name":"恰萨街道","code":"653101001000"},{"name":"阿瓦提乡","code":"653101208000"},{"name":"亚瓦格街道","code":"653101002000"},{"name":"乃则尔巴格镇","code":"653101100000"},{"name":"伯什克然木乡","code":"653101207000"},{"name":"夏马勒巴格镇","code":"653101101000"},{"name":"多来特巴格乡","code":"653101202000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。