美文网首页CesiumCesium
cesium编程入门(三)开始使用cesium开发

cesium编程入门(三)开始使用cesium开发

作者: 伐罗密 | 来源:发表于2018-01-02 21:47 被阅读177次

    搭建最简的开发环境

    这一节来搭建一个最简单的能运行的helloworld,以后的代码也会在这一节的基础上慢慢增加

    创建文件夹

    mkdir cesium-test
    cd cesium-test

    引入编译成果

    将cesium源码中的Build文件夹,拷入cesium-test

    创建html

    将cesium-1.4.0/Apps/ 中的HelloWorld.html 拷入cesium-test
    使用vscode 等编辑器打开
    修改js和css的文件路径

    <script src="../Build/Cesium/Cesium.js"></script>
    
    @import url(../Build/Cesium/Widgets/widgets.css);
    

    修改为

    <script src="Build/Cesium/Cesium.js"></script>
    
    @import url(Build/Cesium/Widgets/widgets.css);
    

    发布

    文件修改完成,如果直接双击helloworld.html,会报错


    Jietu20171224-210502.jpg

    这是因为网站需要通过发布才能正常运行,可选择地发布工具有很多,nodejs,php,iis...等,这里我使用了php来发布,
    打开命令行工具,定位到cesium-test目录,执行php -S localhost:4111 (不一定非要写4111,端口号的范围从0到65535,尽量不要使用一些特定的端口,比如用于浏览网页服务的80端口,用于FTP服务的21端口等)

    ➜ cesium-test php -S localhost:4111
    PHP 7.1.7 Development Server started at Sun Dec 24 20:42:17 2017
    Listening on http://localhost:4111
    Document root is /Users/elusive/Documents/githubs/cesium-test
    Press Ctrl-C to quit.
    

    打开浏览器,输入localhost:4111,就能看到熟悉的helloworld界面


    Jietu20171220-213933.jpg

    个人主页 http://cesium.xin

    Cesium学习交流群:593764057

    相关文章

      网友评论

        本文标题:cesium编程入门(三)开始使用cesium开发

        本文链接:https://www.haomeiwen.com/subject/yftcnxtx.html