-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstorymap.html
39 lines (30 loc) · 1.39 KB
/
storymap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="//cdn.knightlab.com/libs/storymapjs/latest/css/storymap.css">
<!--Your script tags should be placed before the closing body tag.-->
<link rel="shortcut icon" href="//cdn.knightlab.com/libs/blueline/latest/assets/logos/favicon.ico">
<script type="text/javascript" src="//cdn.knightlab.com/libs/storymapjs/latest/js/storymap-min.js"></script>
<script type="text/javascript" src="//cdn.knightlab.com/libs/storymapjs/latest/js/json2.min.js"></script>
<script src="http://cdn.knightlab.com/libs/storymapjs/latest/js/locale/zh-cn.js" class="lazyload" charset="utf-8"></script>
<link rel="stylesheet" href="./css/custom.css">
<style>
.vco-headline{
font-family:arial,"Microsoft YaHei";
}
.vco-text-content{
font-family:arial,"Microsoft YaHei";
</style>
</head>
<body>
<div id="mapdiv" style="width: 100%; height: 600px;"></div>
<script>
// storymap_data can be an URL or a Javascript object
var storymap_data = './data/demo.json';
// certain settings must be passed within a separate options object
var storymap_options = {};
var storymap = new VCO.StoryMap('mapdiv', storymap_data, storymap_options);
window.onresize = function(event) {
storymap.updateDisplay(); // this isn't automatic
}
</script>