/*online-demo*/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
html,
body{
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
}
.scene{
width: 100%;
height: 100%;
}
[xui_min_map] {
right:10px;
top:10px
}
#toolbar {
position: absolute;
left: 50%;
top: 0;
z-index: 10000;
transform: translateX(-50%);
}
</style>
</head>
<body>
<div id="scene" class="scene"></div>
<div id="toolbar">
<button onclick="show()">显示</button>
<button onclick="hide()">隐藏</button>
</div>
<script src="//4dkk.4dage.com/v4/sdk/4.2.2/kankan-sdk-deps.js"></script>
<script src="//4dkk.4dage.com/v4/sdk/4.2.2/kankan-sdk.js"></script>
<script>
var kankan = new KanKan({
dom:'#scene',
num:'KJ-JYo2ZZyKKJ'
})
kankan.use('MinMap')
kankan.render()
function show() {
kankan.MinMap.show()
}
function hide() {
kankan.MinMap.hide()
}
</script>
</body>
</html>
