随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理大连市瓦房店市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
瓦房店市,辽宁省辖县级市,由大连市代管,位于辽宁省南部、大连市西北部,地处辽东半岛中西侧,属暖温带大陆性季风气候区,毗邻3个区(市),总面积3793.53平方千米。截至2022年10月,瓦房店市辖11个街道、13个镇、6个乡、2个民族乡。截至2020年末,瓦房店市户籍人口911010人(不包括长兴岛经济区代管的长兴岛街道和交流岛街道)。
echarts大连市瓦房店市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts大连市瓦房店市geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts大连市瓦房店市geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs大连市瓦房店市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js 3D可视化
threejs大连市瓦房店市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs大连市瓦房店市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
大连市瓦房店市 下辖有 文兰街道,新华街道,驼山乡,交流岛街道,杨家满族乡,李官镇,西杨乡,阎店乡,永宁镇,岭东街道,谢屯镇,赵屯乡,万家岭镇,复州城镇,铁东街道,九龙街道,太阳街道,得利寺镇,岗店街道,元台镇,土城乡,松树镇,仙浴湾镇,泡崖乡,瓦窝镇,共济街道,许屯镇,祝华街道,红沿河镇,老虎屯镇,三台满族乡,长兴岛街道
大连市瓦房店市下辖区域坐标
{"文兰街道":[121.98101268257005,39.62150357248646],"新华街道":[122.00198072651878,39.64524787792779],"驼山乡":[],"交流岛街道":[121.35954175671382,39.43546938661718],"杨家满族乡":[121.72484761919233,39.63598827076167],"李官镇":[121.95278414173511,40.03617810684521],"西杨乡":[121.72641472034141,39.8541091600699],"阎店乡":[121.837857512172,39.84054189590507],"永宁镇":[121.85044970738025,39.9164343059503],"岭东街道":[122.02411905652713,39.62925848581463],"谢屯镇":[121.5099079466766,39.40513068413973],"赵屯乡":[121.98619180743783,39.86418489095271],"万家岭镇":[122.16853717986581,39.94896410461742],"复州城镇":[121.7116775216713,39.73386597364892],"铁东街道":[122.00708082533689,39.6229690049917],"九龙街道":[121.85082839171326,39.54621547017145],"太阳街道":[121.88923334711427,39.72379394590848],"得利寺镇":[122.04546989893478,39.77757924135539],"岗店街道":[121.95560525762276,39.58049118881151],"元台镇":[122.0886531971609,39.5826287882103],"土城乡":[121.900483238013,39.97525258495924],"松树镇":[122.11990923431281,39.85138138542209],"仙浴湾镇":[121.5633511880666,39.68741132478888],"泡崖乡":[121.63308474927963,39.52954165778763],"瓦窝镇":[122.08525839692695,39.70018083354712],"共济街道":[121.99109763630554,39.62939021320429],"许屯镇":[122.12896304239317,40.00147655021972],"祝华街道":[121.99387777283948,39.67192497521087],"红沿河镇":[],"老虎屯镇":[121.82448710353455,39.65375125389792],"三台满族乡":[121.59781129481567,39.59054880177074],"长兴岛街道":[121.38963317823804,39.56413466289754]}
大连市瓦房店市行政划分代码
[{"name":"文兰街道","code":"210281002000"},{"name":"新华街道","code":"210281001000"},{"name":"驼山乡","code":"210281206000"},{"name":"交流岛街道","code":"210281011000"},{"name":"杨家满族乡","code":"210281212000"},{"name":"李官镇","code":"210281115000"},{"name":"西杨乡","code":"210281205000"},{"name":"阎店乡","code":"210281204000"},{"name":"永宁镇","code":"210281108000"},{"name":"岭东街道","code":"210281003000"},{"name":"谢屯镇","code":"210281109000"},{"name":"赵屯乡","code":"210281201000"},{"name":"万家岭镇","code":"210281106000"},{"name":"复州城镇","code":"210281101000"},{"name":"铁东街道","code":"210281005000"},{"name":"九龙街道","code":"210281010000"},{"name":"太阳街道","code":"210281008000"},{"name":"得利寺镇","code":"210281105000"},{"name":"岗店街道","code":"210281007000"},{"name":"元台镇","code":"210281117000"},{"name":"土城乡","code":"210281203000"},{"name":"松树镇","code":"210281103000"},{"name":"仙浴湾镇","code":"210281116000"},{"name":"泡崖乡","code":"210281210000"},{"name":"瓦窝镇","code":"210281118000"},{"name":"共济街道","code":"210281004000"},{"name":"许屯镇","code":"210281107000"},{"name":"祝华街道","code":"210281006000"},{"name":"红沿河镇","code":"210281113000"},{"name":"老虎屯镇","code":"210281112000"},{"name":"三台满族乡","code":"210281208000"},{"name":"长兴岛街道","code":"210281009000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。