map.setTerrain is not a function

1、在这里插入图片描述

一般出现这个报错就是 mapbox版本过低,地形是v2后的版本才有地形
我用的是2.4.1版本

<link href="https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.css" rel="stylesheet">
	<script src="https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.js"></script>

地形代码 封装好的 ,把封装好的myTerrain()方法放到监听事件里边

function myTerrain(){
      map.addSource("terrain-rgb", {
          "type": "raster-dem",
          "tileSize": 256,
          "tiles": [
              "mapbox://styles/mapbox-map-design/ckhqrf2tz0dt119ny6azh975y"
          ],
      });
      map.setTerrain({ 'source': 'terrain-rgb', 'exaggeration': 1 });   //地形
        map.addLayer({
            "id": "terrain-rgb",
            "type": "hillshade",
            "source": "terrain-rgb",   //山影
            "minzoom": 1,
            "paint": {
                "hillshade-shadow-color": "hsl(0, 43%, 27%)",
                "hillshade-highlight-color": "hsl(73, 23%, 53%)",
                "hillshade-exaggeration": 0.1,
            }
        });
  }
  map.on('style.load', function() {
        map.addLayer(customLayer, 'waterway-label');
       
       myTerrain();
});
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值