cesium Nginx 环境搭建

因为项目的需求,需要用到cesium来实现地图信息。官网及很多博客都是用nodejs实现的,我对nodejs不熟,折腾了半天也没搞定,所以就用Nginx作为web服务器呢,下面是简单的一个搭建过程。

一、安装Nginx

  环境:centos 6.5。

  1、下载源码:http://nginx.org/,我下载的是 nginx-1.11.3.tar.gz。

  2、安装所需要的链接库:yum install -y zlib-devel

  3、解压源码包:tar xvf nginx-1.11.3.tar.gz

  4、进入目录:cd nginx-1.11.3

  5、检测安装环境:./configure --prefix=/usr/local/nginx

  6、编译:make

  7、安装:make install

  8、启动服务:cd /usr/local/nginx/sbin ./nginx

  9、访问:http://192.168.1.121/

  出现Nginx首页,证明安装成功。

二、cesium例子

  1、官网下载cesium.js:https://www.cesiumjs.org/downloads/,我下载的是Cesium-1.53.zip。

  2、加压到nginx目录:uzip -d /usr/local/nginx/html/ Cesium-1.53.zip

  3、新建examples文件夹:cd /usr/local/nginx/ mkdir examples

  4、创建hello.html:cd examples vim hello.html,添加以下内容:

<!DOCTYPE html>
<html>
<head>
    <title> hello word</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="../Build/Cesium/Cesium.js"></script>
    <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>

<body>
    <div id = "cesiumContainer"></div>
    <script>
        var viewer = new Cesium.Viewer('cesiumContainer');
    </script>
</body>
</html>

  5、访问:http://192.168.1.121/examples/hello.html

  会看到一个地球,over~