目录贴图效果注意点源码可改进点写文目的不是经常用，可能会忘记基本用法，自留。贴图效果注意点构成矩形的两个三角形需要使用mapboxgl.MercatorCoordinate.fromLngLat方法转换至WebGL中的场景世界坐标，注意案例中是如何设置三角形顺序的，要逆时针render函数是每一帧绘制的调用函数，每一帧都要设置一次program、texture、vertexBuffer，才能触发draw，并且尤为注意矩阵uniform的地址，也是每一帧都要获取最新的（gl.getUniformLocation(this.program,'u_matrix')）贴图的长宽尺寸要用2的次幂源码访问

目录贴图效果注意点源码可改进点写文目的不是经常用，可能会忘记基本用法，自留。贴图效果注意点构成矩形的两个三角形需要使用mapboxgl.MercatorCoordinate.fromLngLat方法转换至WebGL中的场景世界坐标，注意案例中是如何设置三角形顺序的，要逆时针render函数是每一帧绘制的调用函数，每一帧都要设置一次program、texture、vertexBuffer，才能触发draw，并且尤为注意矩阵uniform的地址，也是每一帧都要获取最新的（gl.getUniformLocation(this.program,'u_matrix')）贴图的长宽尺寸要用2的次幂源码访问

目录一、前言二、语法三、对地图颜色进行拉伸渲染1.热力图2.轨迹图2.模型网格渲染四、随着地图缩放对图形属性进行插值五、interpolate的高阶用法六、总结一、前言interpolate是mapboxgl地图样式中用于插值的表达式，能对颜色和数字进行插值。它的应用场景有两类：对地图数据进行颜色拉伸渲染。常见的应用场景有：热力图、轨迹图、模型网格渲染等。在地图缩放时对图形属性进行插值。具体为，随着地图的缩放，在改变图标大小、建筑物高度、图形颜色等属性时，对属性进行插值，从而实现平滑的过渡效果。这篇文章就把mapboxgl中interpolate插值工具的常见应用场景介绍一下。二、语法先看一下

目录一、前言二、语法三、对地图颜色进行拉伸渲染1.热力图2.轨迹图2.模型网格渲染四、随着地图缩放对图形属性进行插值五、interpolate的高阶用法六、总结一、前言interpolate是mapboxgl地图样式中用于插值的表达式，能对颜色和数字进行插值。它的应用场景有两类：对地图数据进行颜色拉伸渲染。常见的应用场景有：热力图、轨迹图、模型网格渲染等。在地图缩放时对图形属性进行插值。具体为，随着地图的缩放，在改变图标大小、建筑物高度、图形颜色等属性时，对属性进行插值，从而实现平滑的过渡效果。这篇文章就把mapboxgl中interpolate插值工具的常见应用场景介绍一下。二、语法先看一下