活字格能否嵌入CesiumJS？

收藏

本帖最后由 shiow1984 于 2019-11-22 17:04 编辑

活字格能否嵌入CesiumJS？
Cesium JS是一款面向三维地球和地图的，世界级的JavaScript开源产品框架。它还提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用。
我自己试了一下，将helloword中的需要的用到的Cesium.js和widgets.css导入活字格工程中，但是实现不了在指定位置插入div元素呢？

主要页面代码：
<script src="../Build/Cesium/Cesium.js"></script>
<style>    @import url(../Build/Cesium/Widgets/widgets.css);
html, body, #cesiumContainer {       width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;    }
</style>

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

LukeLiu · LukeLiu

本帖最后由 LukeLiu 于 2019-11-21 20:51 编辑

目前活字格的策略

目前在活字格中使用JavaScritpt的策略，如图所示有三种方式：

具体参考：活字格里使用JavaScript

解决问题

1. 添加依赖的JS与CSS资源到活字格里

2. 使用”嵌入自定义HTML页面“插件在页面中导入自定义的HTML文件。

教程参考：
a). 帮你打开活字格更神奇的功能：四十五，集成自定义HTML页面（上）

b). 帮你打开活字格更神奇的功能：五十，集成自定义HTML页面（下）

比如，这里是cesium插件官网的html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cesium.com/downloads/cesiumjs/releases/1.63.1/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.63.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer" style="width: 700px; height:400px"></div>
<script>
Cesium.Ion.defaultAccessToken = '你注册的token';
var viewer = new Cesium.Viewer('cesiumContainer');
</script>
</body>
</html>

复制代码

效果图

shiow1984 · shiow1984

就是这个效果，不得不说活字格很强大啊

LukeLiu · LukeLiu

本帖最后由 LukeLiu 于 2019-11-22 17:18 编辑

shiow1984 发表于 2019-11-22 17:02
就是这个效果，不得不说活字格很强大啊

感谢支持~！限制使用活字格的只有想象力，大侠请选择您的最佳答案！

shiow1984 · shiow1984

LukeLiu 发表于 2019-11-22 17:05
感谢支持~！大侠请选择您的最佳答案！

有这个功能我能使用别的JS框架吗？但是还会有一些别的静态资源，比如图标、字体什么的呢？

shiow1984 · shiow1984

shiow1984 发表于 2019-11-22 17:11
有这个功能我能使用别的JS框架吗？但是还会有一些别的静态资源，比如图标、字体什么的呢？

好像不用，有专门的静态资源管理器一般都是加载一个css文件和js文件，其它静态资源都会在运行时自动加载，对吧？

LukeLiu · LukeLiu

1. 活字格内置有大量图标，也可以使用图片单元格的方式导入自定义图标或图片。
2. 活字格内置有数种字体，可以直接在设计器中选中单元格文字进行设置。
3. 至于第一个问题——“有这个功能我能使用别的JS框架吗？”，这里不知道您要使用什么框架做什么样的事情，记得参考第一个回答中关于“活字格中目前使用JavaScript策略”。

		自动登录	找回密码
密码			立即注册

[已处理] 活字格能否嵌入CesiumJS？

6 个回复

本帖子中包含更多资源

圣诞拼拼乐