-
Notifications
You must be signed in to change notification settings - Fork 1
/
simple.html
29 lines (25 loc) · 1008 Bytes
/
simple.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/simple.css">
</head>
<body>
<div class="wrapper">
<label for="start-city">Start City Name:</label>
<input type="text" id="start-city" name="start-city" value="chengdu"/>
<label for="end-city">End City Name:</label>
<input type="text" id="end-city" name="end-city" value="xian"/>
<button id="go">go</button>
<div id="map_canvas" class="map_canvas"></div>
</div>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDZzO9BcIgeQWPr-VHHC02OMPJVGR6AyJw&sensor=false"></script>
<script type="text/javascript" src="js/lib/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.easing.1.3.js"></script>
<script src="js/lib/simple.js"></script>
<script type="text/javascript">
$('#go').on('click', function() {
$('#map_canvas').fly($('#start-city').val(), $('#end-city').val(), 'image/mike.jpeg', 'image/pin_map.png');
});
</script>
</body>
</html>