随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理凉山彝族自治州盐源县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts凉山彝族自治州盐源县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts凉山彝族自治州盐源县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts凉山彝族自治州盐源县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs凉山彝族自治州盐源县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL前端3D可视化教程
threejs凉山彝族自治州盐源县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
凉山彝族自治州盐源县 下辖有 藤桥乡,大坡蒙古族乡,下海乡,田湾乡,阿萨乡,马鹿乡,梅子坪乡,干海乡,棉桠乡,金河乡,博大乡,前所乡,巴折乡,卫城镇,双河乡,右所乡,大河乡,大草乡,平川镇,德石乡,树河镇,桃子乡,梅雨镇,沃底乡,洼里乡,甘塘乡,盐井镇,白乌镇,盐塘乡,盖租乡,长柏乡,黄草镇,泸沽湖镇,巫木乡
凉山彝族自治州盐源县下辖区域坐标
{"藤桥乡":[101.77395501102127,27.15093710832134],"大坡蒙古族乡":[101.4645383883213,27.96164069620669],"下海乡":[101.39392890141318,27.51011428935151],"田湾乡":[101.9132735048177,27.36916914015654],"阿萨乡":[101.75351430271186,27.78710567456187],"马鹿乡":[101.80384832964715,27.19806230345877],"梅子坪乡":[101.70546927937806,28.04861981671674],"干海乡":[101.47737024802353,27.5235117707948],"棉桠乡":[101.32008399494252,27.60115631238121],"金河乡":[101.97921515684935,27.6605668370115],"博大乡":[101.22594507198136,27.41456800319433],"前所乡":[100.83276031928256,27.85675741374838],"巴折乡":[101.77265625057214,27.93716711975404],"卫城镇":[101.69390399920132,27.4161698171172],"双河乡":[101.57138276070708,27.50307557412736],"右所乡":[101.91983793536883,27.5235723200244],"大河乡":[101.67138935238624,27.61597061221129],"大草乡":[101.14666899477066,27.55317811245914],"平川镇":[101.81871864734082,27.65450973780035],"德石乡":[101.90467072695468,27.39372360927294],"树河镇":[101.75852764942262,27.33639215617867],"桃子乡":[100.99747077166333,27.46884803105316],"梅雨镇":[101.36383201469124,27.41904420788352],"沃底乡":[101.54526219943345,27.89355850871768],"洼里乡":[101.6184399270101,28.14126383691012],"甘塘乡":[101.86392011976338,27.27408374523644],"盐井镇":[101.51242024161888,27.34210586568524],"白乌镇":[101.50691926050736,27.7170737912957],"盐塘乡":[101.10909274241531,27.29961857165303],"盖租乡":[101.05220816584077,27.74801347289284],"长柏乡":[100.99094939111967,27.606100798612],"黄草镇":[101.3558475692632,27.27856165346633],"泸沽湖镇":[100.86506255198229,27.72246173718048],"巫木乡":[101.17171530601814,27.2518136237771]}
凉山彝族自治州盐源县行政划分代码
[{"name":"藤桥乡","code":"513423206000"},{"name":"大坡蒙古族乡","code":"513423223000"},{"name":"下海乡","code":""},{"name":"田湾乡","code":"513423207000"},{"name":"阿萨乡","code":""},{"name":"马鹿乡","code":""},{"name":"梅子坪乡","code":""},{"name":"干海乡","code":""},{"name":"棉桠乡","code":""},{"name":"金河乡","code":""},{"name":"博大乡","code":""},{"name":"前所乡","code":""},{"name":"巴折乡","code":""},{"name":"卫城镇","code":"513423101000"},{"name":"双河乡","code":""},{"name":"右所乡","code":"513423215000"},{"name":"大河乡","code":""},{"name":"大草乡","code":""},{"name":"平川镇","code":"513423106000"},{"name":"德石乡","code":""},{"name":"树河镇","code":"513423104000"},{"name":"桃子乡","code":""},{"name":"梅雨镇","code":"513423102000"},{"name":"沃底乡","code":"513423222000"},{"name":"洼里乡","code":"513423224000"},{"name":"甘塘乡","code":""},{"name":"盐井镇","code":""},{"name":"白乌镇","code":"513423103000"},{"name":"盐塘乡","code":""},{"name":"盖租乡","code":""},{"name":"长柏乡","code":""},{"name":"黄草镇","code":"513423105000"},{"name":"泸沽湖镇","code":"513423107000"},{"name":"巫木乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
