zoukankan      html  css  js  c++  java
  • 初识cesium

    一、cesium介绍

    博客介绍cesium

    github介绍

    二、如何上手cesium

    快速入门-源码获取
    • 官网下载
    • github下载
    • 安装nodejs
    • 在对应源码下npm install下载依赖
    • npm run release 把cesium各个模块源码打包压缩生成同一的cesium.js
    • npm start 开启cesium的测试。

    三、快速入门-实战

    1. 在上一步操作中在github上下载了源码,然后执行npm run release执行之后生产一个叫Build的文件夹,在里面找到Cesium的一个文件夹,将它复制到新的项目中。
    2. 新建一个index.html文件内容如下:
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="./Cesium/Cesium.js"></script>
        <link rel="stylesheet" href="Cesium/Widgets/widgets.css">
        <style>
            html,
            body,
            #cesiumdiv {
                 100%;
                height: 100%;
                margin: 0;
            }
        </style>
    </head>
    
    <body>
        <div id="cesiumdiv"></div>
        <script>
            var viewer = new Cesium.Viewer("cesiumdiv")
        </script>
    </body>
    
    </html>
    

    3.下载http-server的依赖:npm install -g http-server

    4.启动项目:执行命令 http-server
    5.在浏览器地址栏输入命令行执行后提示的地址,回车

    效果:

  • 相关阅读:
    IOS开发--第四阶段--关联
    1.7 Flask
    1.4 linux 路飞项目
    linux 1.3 nginx 负载均衡和配置文件
    1.2 redis
    1.1 xinnian
    12.30 linux 7
    12.29
    12.29 linux3 mysql和redis
    12.28 linux 第四天 安装python 和虚拟环境
  • 原文地址:https://www.cnblogs.com/justyouadmin/p/10729643.html
Copyright © 2011-2022 走看看