SovitChart示例

Sovit2D示例

Sovit3D示例


<!DOCTYPE html>
<html lang="en">

	<head>
		<title id="page_title">Sovit2D集成示例(DIV在线嵌入场景)</title>
		<meta name="referrer" content="strict-origin-when-cross-origin">
		<meta charset="UTF-8">
		<meta name="referrer" content="no-referrer" />
		<script src="./res/static/js/jquery-1.10.2.min.js"></script>
		<!--引入在线js解析器,这里引入的是数维图云端库,如果连接的是私有部署版后台,则地址改为私有部署版访问地址-->
		<script src="https://admin.sovitjs.com/static/sovitjs/Sovit2DPaser.min.js"></script>
		<script>
			//定义数据源的查询地址
			var apiUrl = "https://admin.sovitjs.com/restapi/sovit/Rest/";
		</script>
	</head>

	<body style="background-color: #e5e7ea;">
		<div id="head_div_2"></div>
		<div class="main-case" style="min-height: 500px;padding-top: 30px;">
			<div id="sovit2d_1" style="width:100%;height: 768px;margin-top: 20px;position: relative;">
				<!--用来嵌入2D场景的DIV容器-->
			</div>
		</div>
	</body>

</html>
<script>
	let sceneMain = null;
	$(document).ready(function() {
		sceneMain = new Sovit2DPaser.Scene2dMain({
			//apiurl: 'http://localhost:9443',
			apiurl: 'https://admin.sovitjs.com/restapi',
			publishType: 1 //1为在线引用组件   2为离开引用组件
		});
		$.ajax({
			//当模型发布时用的是签名认证发布时需要通过后端获取认证相关信息,如果是公开发布此步骤省略
			url: apiUrl + "/appdemo/free/getSignatureJson",
			method: 'POST',
			data: {
				appid: "1011"
			},
			success: function(data) {
				initSceneMain(data.datas);
			},
			error: function() {

			}
		});
	});
	
	function initSceneMain(appObject) {
		//引入图表并在指定的DIV里面显示
		sceneMain.init2d("sovit2d_1", {
			pageId: "2985776125914906629", //图表的ID,发布图表的地方可以找到, 以下的5个参数是签名认证相关信息,如果模型是公开发布则无需设置
			appid: appObject.appid,
			apikey: appObject.apikey,
			method: appObject.method,
			code: appObject.code,
			signature: appObject.signature,
		},function(reData) {
			console.info(reData)
		});
	}
</script>
效果预览:
通过Sovit2D后台编辑器制作好的模型。这里用来测试如何在线集成模型开发。

通过数维图软件平台,实现零代码可视化开发!

免费开发我的场景