leaflet + turf.js 绘制等值面

最终效果图

1.引入
import *as turffrom '@turf/turf'

import *as Lfrom 'leaflet'

2.


3.随机生成部分散点,并插值为格点数据

4.格点配色

5.leaflet 初始化地图

6.把等值面叠加到地图上

7完成。如果需要裁减区域,需要用到 turf.intersect(),注意这里的boundaries的coordinates需要是一个裁减的路径

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在前面 WebGIS 开发基础之 Leaflet 1. GIS Web开发基本概念: GIS、Map、Layer...
    六小六的世界阅读 4,710评论 0 19
  • Leaflet使用中经验总结 标签:leaflet 1.Leaflet中使用复选框控制图层显示 ​ L...
    wtdrm阅读 3,235评论 0 1
  • 转载请注明出处:王亟亟的大牛之路 上一次是用link形式写的demo的东西,这次把打包方式集成到了以npm web...
    王亟亟阅读 1,035评论 0 1
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 6,106评论 0 4
  • 公元:2019年11月28日19时42分农历:二零一九年 十一月 初三日 戌时干支:己亥乙亥己巳甲戌当月节气:立冬...
    石放阅读 6,916评论 0 2