美文网首页开源GIS相关
mapbox stop的四种类型

mapbox stop的四种类型

作者: yaoyao妖妖 | 来源:发表于2020-04-02 17:41 被阅读0次

    1.指数类型,最终输出值由stops中的差值项进行区间范围内的指数级差值计算生成

    map.addLayer({
         "paint": {
             "circle-color": {
               // 指数类型type可不写
             "type": "exponential",
             "property": "val",
             "stops": [
                   // properties.val为0,圆的颜色为红色
                   [0, "red"],
                  // properties.val为500,圆的颜色为绿色
                   [500, "green"],
                   // properties.val为1000,圆的颜色为蓝色
                   [1000, "blue"]
               ],
               // 可选,默认值:1。插值运算的曲率指数基数,控制最终计算结果值的增长率,值越大,最终计算结果值越大,当值趋近于1时,函数采用线性计算方式。
               "base": 0.9
           }
       }
    });
    
    1. 区间类型 最终输出值由stops中的差值项进行区间范围内的阶梯型差值计算生成,stops中的输入参数必须为数值类型。
    map.addLayer({
         "paint": {
             "circle-opacity": {
                 "type": "interval",
                 "property": "val", // 不写,将会根据zoom设置
                 "stops": [
                     // properties.val大于等于0时,圆颜色为红色
                     [0, "red"],
                     // properties.val大于等于500时,圆颜色为绿色
                     [500, "green"],
                     // properties.val大于等于1000时,圆颜色为蓝色
                     [1000, "blue"],
                 ]
             }
         }
    });
    
    1. 种别类型:
      最终输出值完全匹配stops中的输入值对应的输出值
    map.addLayer({
         "paint": {
             "fill-color": {
             "type": "categorical",
             "property": "num", // 必写
             "stops": [
                   // 仅当properties.num等于5时,面颜色为红色
                   [5, "red"],
                   // 仅当properties.num等于10时,面颜色为绿色
                   [10, "green"],
               ]
           }
       }
    });
    
    1. 恒等类型 最终输出值完全等于输入值
    map.addLayer({
     "paint": {
         "line-color": {
             "type": "identity",
               // 线颜色直接取properties.color的值
             "property": "color"
           }
       }
    });
    

    相关文章

      网友评论

        本文标题:mapbox stop的四种类型

        本文链接:https://www.haomeiwen.com/subject/mzxfphtx.html