zoukankan html css js c++ java

cesium + mapbox 的三种方式

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <script src="https://cesium.com/downloads/cesiumjs/releases/1.80/Build/Cesium/Cesium.js"></script>
        <link href="https://cesium.com/downloads/cesiumjs/releases/1.80/Build/Cesium/Widgets/widgets.css" rel="stylesheet" />

        <style>
            html,
            body {
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
            }
            *,
            *::after,
            *::before {
                box-sizing: border-box;
            }
        </style>
    </head>

    <body>
        <div id="container"></div>
    </body>
    <script>
        Cesium.Ion.defaultAccessToken = '...'

        // mapbox 风格：https://docs.mapbox.com/api/maps/styles/#mapbox-styles
        var mapbox1 = new Cesium.MapboxStyleImageryProvider({
            styleId: 'dark-v10',
            accessToken: '...',
        })

        // mapbox Tilesets: https://studio.mapbox.com/tilesets/
        var mapbox2 = new Cesium.MapboxImageryProvider({
            mapId: 'mapbox.mapbox-streets-v8',
            accessToken: '...',
        })

        // mapbox custom studio: https://studio.mapbox.com/
        var mapbox3 = new Cesium.MapboxStyleImageryProvider({
            url: 'https://api.mapbox.com/styles/v1/',
            styleId: 'ckntom98z09ev17p8kbc3ghyc',
            username: 'dragon8mapbox',
            accessToken: '...',
        })

        const viewer = new Cesium.Viewer('container', {
            terrainProvider: Cesium.createWorldTerrain(),
            imageryProvider: mapbox3,
        })
    </script>
</html>

查看全文

相关阅读:
Delphi Help
RAD 10 新控件 TSearchBox TSplitView
滚动条
 c++builder Active Form
chart左侧
 RAD 10 蓝牙
 浏览器插件火狐插件
 c++builder delphi 调用dll dll编写
 模拟键盘键盘虚拟代码
 oracle怎么把一个用户下的表复制给另一个用户？（授予表权限）

原文地址：https://www.cnblogs.com/CyLee/p/14692813.html