随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理鸡西市虎林市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
虎林市,黑龙江省 辖县级市,由 鸡西市 代管,位于黑龙江省东部的完达山南麓,以乌苏里江为界与俄罗斯联邦隔水相望。地理坐标在北纬45°23'34"~46°36'33",东经132°11'35"~133°56'32"之间,属寒温带大陆性季风气候,总面积9334平方千米。截至2022年10月,虎林市辖7个镇、4个乡, 市人民政府驻虎林镇解放街1号。截至2022年末,虎林市总人口265312人。
echarts鸡西市虎林市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts鸡西市虎林市geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts鸡西市虎林市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs鸡西市虎林市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频课程 Three.js视频教程3D可视化
threejs鸡西市虎林市geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs鸡西市虎林市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
鸡西市虎林市 下辖有 八五零农场,迎春林业局,东方红林业局,东方红镇,新乐乡,伟光乡,东诚镇,宝东镇,云山农场,虎头镇,迎春镇,珍宝岛乡,虎林镇,庆丰农场,杨岗镇,阿北乡,八五六农场,八五四农场,八五八农场
鸡西市虎林市下辖区域坐标
{"八五零农场":[132.59715182118046,45.78787505447063],"迎春林业局":[132.564685627416,46.03837718620009],"东方红林业局":[133.45328560897838,46.386414515147],"东方红镇":[133.07423589808764,46.20206326399155],"新乐乡":[132.91726318526406,45.91141185488069],"伟光乡":[133.09074834586886,45.91893315114825],"东诚镇":[133.11882463930206,45.78076940389987],"宝东镇":[132.7829913300853,45.75653745890876],"云山农场":[132.63642495972152,45.92610893700289],"虎头镇":[133.50113684462494,45.99436671619145],"迎春镇":[132.95563687055457,46.01494962267926],"珍宝岛乡":[133.62608278231784,46.20213916049914],"虎林镇":[133.31339095917238,45.55752535266323],"庆丰农场":[133.1542564851751,45.75085958634803],"杨岗镇":[132.32858977757527,45.84249251736693],"阿北乡":[133.34412310259333,46.2020547595391],"八五六农场":[132.83004544095667,45.53892342847912],"八五四农场":[132.85528330057633,45.9109467349944],"八五八农场":[133.28859650829028,45.68514687079916]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。