微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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~

         

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐