/
map.html
36 lines (35 loc) · 1.45 KB
/
map.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
<!doctype html>
<html>
<head>
<title>演出地图</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<link rel='stylesheet' href='css/style.3.5.css' type='text/css' />
<link rel='stylesheet' type='text/css' href='css/jquery.mobile.structure-1.0.min.css' />
<script type='text/javascript' language='javascript' src='js/libs/jquery-1.7.min.js'></script>
<script type='text/javascript' language='javascript' src='js/libs/jquery.mobile-1.0.min.js'></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
latlng = new google.maps.LatLng(40.000, 116.500);
var myOptions = {
zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
arrowIcon = new google.maps.MarkerImage('http://www.google.com/mapfiles/marker.png');
var gmarker = new google.maps.Marker({position: latlng ,map:map,icon: arrowIcon});
}
</script>
</head>
<body onload="initialize()">
<header class='header-bar transparent'>
<a id='back' class='back-button' href='detail.html'></a>
<span id='page-name' class='relative page-name'>地图</span>
</header>
<!-- map display part -->
<div id="map_canvas" style="width:100%; height:460px">
<!-- line lead -->
</body>
</html>