随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理吉林市昌邑区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts吉林市昌邑区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts吉林市昌邑区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts吉林市昌邑区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs吉林市昌邑区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs吉林市昌邑区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs吉林市昌邑区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
吉林市昌邑区 下辖有 吉林东市商贸示范区,站前街道,哈达湾街道,新地号街道,莲花街道,通江街道,东局子街道,幸福经济管理区,左家镇,九站街道,延江街道,双吉街道,兴华街道,民主街道,新建街道,孤店子镇,延安街道,文庙街道,两家子满族乡,土城子满族朝鲜族乡,吉林哈达湾经济开发区,桦皮厂镇
吉林市昌邑区下辖区域坐标
{"吉林东市商贸示范区":[126.5642047839625,43.84992739384902],"站前街道":[126.5618077816898,43.85458763702131],"哈达湾街道":[126.53838248635591,43.88117028552394],"新地号街道":[126.58136485587471,43.85148090705779],"莲花街道":[126.5564098212375,43.86882020096789],"通江街道":[126.57494177129203,43.87982150946236],"东局子街道":[126.58328633348154,43.84226346306239],"幸福经济管理区":[126.55992954698479,43.87533494649525],"左家镇":[126.1283795718222,44.03619827349949],"九站街道":[126.45639139134182,43.97581739945174],"延江街道":[126.58790151703268,43.87789074634355],"双吉街道":[126.41053643969371,43.99920229088362],"兴华街道":[126.55695247234453,43.88082864592836],"民主街道":[126.56046030829418,43.86218893867779],"新建街道":[126.53025897821149,43.90058722559373],"孤店子镇":[126.36660858215672,44.00859777666587],"延安街道":[126.58109096835487,43.86376013392693],"文庙街道":[126.56552963110079,43.84098303954817],"两家子满族乡":[126.25353383141334,44.12185406720648],"土城子满族朝鲜族乡":[126.39173881818041,44.11358059183182],"吉林哈达湾经济开发区":[126.51784938550071,43.87755721398177],"桦皮厂镇":[126.2391652224101,43.97798622355555]}
吉林市昌邑区行政划分代码
[{"name":"吉林东市商贸示范区","code":""},{"name":"站前街道","code":"220202006000"},{"name":"哈达湾街道","code":"220202010000"},{"name":"新地号街道","code":"220202004000"},{"name":"莲花街道","code":"220202008000"},{"name":"通江街道","code":"220202009000"},{"name":"东局子街道","code":"220202003000"},{"name":"幸福经济管理区","code":""},{"name":"左家镇","code":"220202102000"},{"name":"九站街道","code":""},{"name":"延江街道","code":"220202012000"},{"name":"双吉街道","code":""},{"name":"兴华街道","code":"220202001000"},{"name":"民主街道","code":"220202007000"},{"name":"新建街道","code":"220202011000"},{"name":"孤店子镇","code":"220202100000"},{"name":"延安街道","code":"220202005000"},{"name":"文庙街道","code":"220202002000"},{"name":"两家子满族乡","code":"220202200000"},{"name":"土城子满族朝鲜族乡","code":"220202201000"},{"name":"吉林哈达湾经济开发区","code":""},{"name":"桦皮厂镇","code":"220202101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
