![28b2a9366ae2fc3a101b8b58f9d96b02.png](https://i-blog.csdnimg.cn/blog_migrate/dee16a4ff61082174508e18df365b645.jpeg)
前言
leaflet 入门开发系列环境知识点了解:
leaflet api文档介绍,详细介绍 leaflet 每个类的函数以及属性等等
leaflet 在线例子
leaflet 插件,leaflet 的插件库,非常有用
内容概览
leaflet读取tif像素值的两种实现方式
源代码demo下载
实现方式1:leaflet前端直接读取tif文件
参照github源码:leaflet读取tif插件,在github源码基础上稍作一点修改实现的,具体的参数以及源码看github说明即可。
效果图如下:
![6a854e1655a7469c524b0468a26e9901.png](https://i-blog.csdnimg.cn/blog_migrate/3dad8f6512540d44759106d01de7eb20.jpeg)
![d0d305cf281d1ac1abd0cf0d7182a103.png](https://i-blog.csdnimg.cn/blog_migrate/b0d0f2fb809a0e79b4e5ff6a9a3feec9.jpeg)
- 部分核心代码,完整的见源码demo下载
var mymap = L.map('mapid').setView([-33, 147], 6);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.e