随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理朝阳市北票市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
北票市，辽宁省辖县级市，由朝阳市代管。地处辽宁省西部，朝阳市东北部。东临阜新蒙古族自治县，西及西南连接朝阳县、双塔区、龙城区，南及东南与凌海市、义县毗邻，北和西北与内蒙古自治区奈曼旗、敖汉旗接壤，总面积4418.74平方千米。2020年，北票市户籍总人口54.04万人。有18个民族，总人口496164人。截至2021年10月，北票市下辖4个街道、12个镇、15个乡，市政府驻市府街8号。
echarts朝阳市北票市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts朝阳市北票市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts朝阳市北票市geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs朝阳市北票市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣，可以观看threejs教程视频 3D可视化Three.js视频教程
threejs朝阳市北票市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs朝阳市北票市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
朝阳市北票市 下辖有 龙潭镇,南山街道,城关街道,大三家乡,三宝街道,泉巨永乡,凉水河蒙古族乡,大黑山特别行政管理区,双河街道,黑城子镇,马友营蒙古族乡,西官营镇,章吉营乡,蒙古营乡,南八家子乡,下府经济开发区,哈尔脑乡,娄家店乡,台吉镇,三宝营乡,三宝乡,北塔镇,大板镇,长皋乡,东官营镇,北四家乡,五间房镇,台吉营乡,宝国老镇,桥北街道,小塔子乡,巴图营乡,上园镇,冠山街道,台吉街道,常河营乡,兴顺德国营农场
朝阳市北票市下辖区域坐标
{"龙潭镇":[120.38006541635959,41.89079307974383],"南山街道":[120.76175657172658,41.7981467697671],"城关街道":[],"大三家乡":[120.5713126205334,41.7925892603048],"三宝街道":[],"泉巨永乡":[120.93587883610206,41.97723152372612],"凉水河蒙古族乡":[120.75784317473443,41.74043932366708],"大黑山特别行政管理区":[120.466595338356,42.00801863355719],"双河街道":[],"黑城子镇":[120.97453147445516,42.06538345044057],"马友营蒙古族乡":[121.11521817504374,41.89410253999161],"西官营镇":[120.5187094220166,41.90591745476379],"章吉营乡":[120.70382692800644,41.58283557079294],"蒙古营乡":[120.79892090622761,41.93501756033442],"南八家子乡":[120.68095180396313,41.66345331084253],"下府经济开发区":[120.89554954837803,41.77818371799664],"哈尔脑乡":[120.46875430149638,41.76627342841398],"娄家店乡":[120.61634928612408,42.03406987097181],"台吉镇":[120.68388446330235,41.78092470297014],"三宝营乡":[120.85559798692546,41.47729884080674],"三宝乡":[120.8602595509634,41.84872445723403],"北塔镇":[120.80783601034815,42.1924328671217],"大板镇":[120.86673329423562,41.67354616934907],"长皋乡":[121.03638578847844,41.79151163931478],"东官营镇":[120.57733868561706,41.97652304621271],"北四家乡":[120.61508451905905,42.14244259051301],"五间房镇":[],"台吉营乡":[120.97778205537594,42.180542245985],"宝国老镇":[120.80660267821875,42.05442686526105],"桥北街道":[],"小塔子乡":[121.20948122544618,41.81266913676996],"巴图营乡":[120.7267352576452,41.47303947540925],"上园镇":[120.92058036967434,41.61989728728996],"冠山街道":[120.78892594021127,41.81459418085563],"台吉街道":[120.70627040672153,41.79412334965502],"常河营乡":[121.12787616190627,41.70163947245247],"兴顺德国营农场":[121.02229914027689,42.08308609763807]}
朝阳市北票市行政划分代码
[{"name":"龙潭镇","code":"211381110000"},{"name":"南山街道","code":"211381002000"},{"name":"城关街道","code":"211381001000"},{"name":"大三家乡","code":""},{"name":"三宝街道","code":""},{"name":"泉巨永乡","code":"211381206000"},{"name":"凉水河蒙古族乡","code":"211381223000"},{"name":"大黑山特别行政管理区","code":""},{"name":"双河街道","code":""},{"name":"黑城子镇","code":"211381105000"},{"name":"马友营蒙古族乡","code":"211381204000"},{"name":"西官营镇","code":"211381101000"},{"name":"章吉营乡","code":"211381214000"},{"name":"蒙古营乡","code":""},{"name":"南八家子乡","code":"211381213000"},{"name":"下府经济开发区","code":"211381470000"},{"name":"哈尔脑乡","code":"211381212000"},{"name":"娄家店乡","code":"211381220000"},{"name":"台吉镇","code":"211381108000"},{"name":"三宝营乡","code":"211381215000"},{"name":"三宝乡","code":"211381228000"},{"name":"北塔镇","code":"211381111000"},{"name":"大板镇","code":"211381102000"},{"name":"长皋乡","code":"211381201000"},{"name":"东官营镇","code":"211381109000"},{"name":"北四家乡","code":"211381221000"},{"name":"五间房镇","code":"211381107000"},{"name":"台吉营乡","code":"211381218000"},{"name":"宝国老镇","code":"211381104000"},{"name":"桥北街道","code":""},{"name":"小塔子乡","code":"211381203000"},{"name":"巴图营乡","code":"211381216000"},{"name":"上园镇","code":"211381103000"},{"name":"冠山街道","code":"211381003000"},{"name":"台吉街道","code":"211381006000"},{"name":"常河营乡","code":"211381202000"},{"name":"兴顺德国营农场","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
