随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理呼伦贝尔市满洲里市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
满洲里市，内蒙古自治区呼伦贝尔市代管县级市，内蒙古自治区计划单列市，位于内蒙古自治区东北部、呼伦贝尔市西北部，地处呼伦贝尔高原和大兴安岭边缘过渡地带，属温带半干旱大陆性气候，北与俄罗斯联邦接壤，是中国最大的陆路口岸城市，毗邻2个旗，总面积732.44平方千米。截至2022年10月，满洲里市辖5个街道、1个镇，另辖4个乡级单位。截至2022年末，满洲里市户籍人口为170783人。
echarts呼伦贝尔市满洲里市geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts呼伦贝尔市满洲里市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts呼伦贝尔市满洲里市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs呼伦贝尔市满洲里市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs呼伦贝尔市满洲里市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs呼伦贝尔市满洲里市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
呼伦贝尔市满洲里市 下辖有 道南街道,东山街道,兴华街道,道北街道,新开河街道
呼伦贝尔市满洲里市下辖区域坐标
{"道南街道":[117.3845843244348,49.5527998565731],"东山街道":[117.52784228646642,49.5795035752702],"兴华街道":[117.34233263897087,49.57645196794624],"道北街道":[117.4409573436024,49.58917855167007],"新开河街道":[117.67563831997694,49.46565258327927]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
