forked from slav123/SpryMap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (42 loc) · 1.45 KB
/
index.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
40
41
42
43
44
45
46
<!doctype html>
<html>
<head>
<title>SpryMap | candrews.net</title>
<link rel="stylesheet" href="styles/style.css" type="text/css" >
<script type="text/javascript" src="scripts/spryMap-2.js"></script>
<script type="text/javascript">
window.onload = function() {
var map = new SpryMap({id : "worldMap",
height: 400,
width: 800,
startX: 200,
startY: 200,
cssClass: "mappy"});
}
</script>
<style>
#worldMap>a {
position:absolute;
width:10px;
height:10px;
display:block;
z-index:10;
}
</style>
</head>
<body>
<div class="content">
<h1>Introducing the SpryMap</h1>
<h2>The javascript map script so fast and lightweight that it'll knock your knickers off. Give it a try - click and drag the map below.</h2>
<div id="worldMap">
<img src="map.jpg" alt="A map of the world." />
<a onclick="alert('clickable demo')" style="top:420px;left:550px;background-color: red;" href="javascript:void(0)">
</a>
<a href="javascript:void(0)" onclick="alert('clickable img demo')" style="top:500px;left:320px;">
<img src="styles/box.png" alt="" style="width:30px;height:30px;" />
</a>
</div>
<h3>Note: All credit for creating this wonder of a map image goes to <a href="http://www.lazzmap.com/">Rob Lazzaretti</a>.</h3>
</div>
</body>
</html>