美文网首页
SuperMap iClient3D for WebGL教程(影

SuperMap iClient3D for WebGL教程(影

作者: 为梦齐舞 | 来源:发表于2019-03-20 17:16 被阅读0次

    Mapbox 是一个可以创建各种自定义地图的网站,如 foursquare、Pinterest、Evernote、Github、500px 等大牌都使用 Mapbox 创建自己的地图,Mapbox 宣称要构建世界上最漂亮的地图。
    SuperMap iClient3D for WebGL支持多种服务来源的高精度影像地图服务的加载和渲染,本文将一起来学习下使用Mapbox。
    一、认识MapboxImageryProvider

    MapboxImageryProvider参数
    url:mapbox请求瓦片的url地址,默认为“https://api.mapbox.com/v4/”,可以不填写;
    mapId:mapbox的地图风格ID,MapBox官方提供了11种风格;
    accessToken:mapbox的token令牌,可以在https://docs.mapbox.com/help/how-mapbox-works/access-tokens/进行申请;
    format:请求瓦片的格式,默认为png格式;
    ellipsoid:椭球体;
    minimumLevel:最小的瓦片层级,一般more为0,从最小比例尺开始渲染。
    maximumLevel:最大的瓦片层级,一般为undefined无限制。如何设置了该值,则只渲染到指定层级的瓦片,再放大时,最后一级瓦片被拉伸放大。
    rectangle:定义数据显示的范围,可以设置为Rectangle,限制数据的显示范围
    二、重要参数介绍
    1、accessToken,accessToken不填写的情况下回使用默认accessToken,建议可以自行申请一个
    申请token
    2、mapId,地图风格ID常用的有如下id
    mapbox.streets
    mapbox.light
    mapbox.dark
    mapbox.satellite
    mapbox.outdoors
    mapbox.mapbox-streets-v8
    mapbox.mapbox-streets-v8有乱码情况出现,原因未知
    mapbox.mapbox-terrain-v2
    mapbox.92olaqdt
    单独层级的mapbox图层,可以进行批量叠加
    三、使用方法:
    addMapboxMaps: function() {
          var mapbox = new Cesium.MapboxImageryProvider({
            url:"https://api.mapbox.com/v4/",
            mapId: "mapbox.satellite",
            accessToken:"pk.eyJ1IjoiemhvdXNoaWJpbiIsImEiOiJjampqb3Y0dDQwN2tzM3FxdjJ1cGxmazR3In0.U7dkP_KmgbSak2dXrqn5Bw",
          });
          viewer.imageryLayers.addImageryProvider(mapbox);
        }
    

    四、效果


    satellite效果

    相关文章

      网友评论

          本文标题:SuperMap iClient3D for WebGL教程(影

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