Skip to content

Commit 55b0fbb

Browse files
Adds a basic_scrollable page to test out the issue
1 parent f9d41b8 commit 55b0fbb

File tree

1 file changed

+36
-0
lines changed

1 file changed

+36
-0
lines changed

samples/basic_scrollablepage.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<title>Jsvectormap (Basic)</title>
9+
<link rel="stylesheet" href="../assets/css/style.css" />
10+
<link rel="stylesheet" href="../dist/css/jsvectormap.css" />
11+
<script src="../dist/js/jsvectormap.min.js"></script>
12+
<script src="../dist/maps/world.js"></script>
13+
<style>
14+
.map-wrapper {
15+
border: 1px solid #EEE;
16+
padding: 1rem;
17+
width: 700px;
18+
margin: auto
19+
}
20+
</style>
21+
</head>
22+
<body style="height: 200vh;">
23+
<br/><br/><br/><br/><br/>
24+
<div id="map" style="width: 750px; height: 400px; margin: auto; border: 1px solid #EEE"></div>
25+
<script>
26+
var map = new jsVectorMap({
27+
map: 'world',
28+
selector: '#map',
29+
})
30+
31+
document.querySelector('#focus').addEventListener('click', () => {
32+
map.setFocus({ region: 'RU', animate: true })
33+
})
34+
</script>
35+
</body>
36+
</html>

0 commit comments

Comments
 (0)