zoukankan      html  css  js  c++  java
  • cesium 学习(四) Hello World

    一、前言

    之前的文章都是基础,搭建环境、部署Cesium、学习资料等等。现在简单入手,一个Hello World页面开发。

    二、Hello World

    感觉Hello World没有什么特别需要讲的,当然如果要去深究Cesium是如何加载的不再此说中。

    其实搭建完环境、部署好Cesium之后,其实都有官方的Hello World

      

    也可以自己新建一个HelloWorld.html用来感受:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <!-- Use correct character set. -->
      <meta charset="utf-8">
      <!-- Tell IE to use the latest, best version. -->
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
      <title>Hello World!</title>
      <script src="../Build/Cesium/Cesium.js"></script>
      <script src="../js/jquery-1.4.4.min.js"></script>
      <script src="../js/FileSaver.js"></script>
      <!-- <link rel="stylesheet" href="Sandcastle/templates/bucket.css"> -->
      <style>
        @import url(../Build/Cesium/Widgets/widgets.css);
        html,
        body,
        #cesiumContainer {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          overflow: hidden;
        }
      </style>
    </head>
    <body>
      <div id="cesiumContainer" class="fullSize"></div>
      <div id="inspector" style="position: absolute;top:20px;left: 10px;"></div>
      <script>
        var viewer = new Cesium.Viewer("cesiumContainer");
      </script>
    </body>
    </html>
    View Code
  • 相关阅读:
    php 学习笔记 数组2
    php 学习笔记 数组1
    jQuery prop 全选和全不全
    jquery获取多个checkbox的值异步提交给php
    php 计算多维数组中所有值的总和
    系统状态码原型
    hadoop win10开发环境
    kafka spring整合版本匹配
    mac 安装brew
    hadoop2.8.5 idea2019.1.3插件安装
  • 原文地址:https://www.cnblogs.com/CreateFree/p/11096575.html
Copyright © 2011-2022 走看看