随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理南阳市社旗县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
社旗县,隶属河南省南阳市,位于河南省西南部,南阳盆地东北部边缘。地处东经112°46°~113°11°、北纬32°47°~33°19°之间。东与泌阳县接壤,西和宛城区毗连,北与方城县交界,南同唐河县为邻。自古有“依伏牛而襟汉水,望金盆而掬琼浆;仰天时而居地利,富物产而畅人和”之说。根据第七次人口普查数据,截至2020年11月1日零时,社旗县常住人口561573人。
echarts南阳市社旗县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts南阳市社旗县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts南阳市社旗县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs南阳市社旗县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化教程
threejs南阳市社旗县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程
threejs南阳市社旗县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣,可以观看threejs视频教程 Three.js视频教程3D可视化
南阳市社旗县下辖有赊店镇,赵河街道,晋庄镇,兴隆镇,郝寨镇,潘河街道,下洼镇,唐庄乡,太和镇,朱集镇,李店镇,陌陂乡,桥头镇,苗店镇,饶良镇,大冯营镇
南阳市社旗县下辖区域坐标
{"赊店镇":[112.95575648505046,33.05979108930527],"赵河街道":[112.91068204323221,33.02320415083585],"晋庄镇":[112.816737682665,32.92248517211293],"兴隆镇":[112.96297620176541,32.95341864564598],"郝寨镇":[113.0311892789738,33.00567967001032],"潘河街道":[112.92721089832563,33.02622379168461],"下洼镇":[113.13483695829066,33.06889898821336],"唐庄乡":[112.95098050905227,33.09612976203469],"太和镇":[112.94574470892314,32.86457171586366],"朱集镇":[113.13451160127191,32.88343153070591],"李店镇":[112.87957071744303,32.90693784902833],"陌陂乡":[113.0331658011773,33.09823045171571],"桥头镇":[112.82863827472072,33.05646762634308],"苗店镇":[113.03194632901412,32.92843904827971],"饶良镇":[113.02725028205924,32.85575999591882],"大冯营镇":[112.85323246421564,32.99980290048361]}