-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmap.html
64 lines (59 loc) · 2.22 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps - pygmaps </title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=visualization&sensor=true_or_false"></script>
<script type="text/javascript">
function initialize() {
var centerlatlng = new google.maps.LatLng(33.271720, -117.297470);
var myOptions = {
zoom: 18,
center: centerlatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var PolylineCoordinates = [
new google.maps.LatLng(33.271720, -117.297470),
new google.maps.LatLng(33.271978, -117.298067),
new google.maps.LatLng(33.272175, -117.298461),
new google.maps.LatLng(33.272253, -117.297918),
new google.maps.LatLng(33.272184, -117.297408),
new google.maps.LatLng(33.272339, -117.296660),
new google.maps.LatLng(33.272426, -117.297752),
new google.maps.LatLng(33.272490, -117.298750),
new google.maps.LatLng(33.272683, -117.298149),
new google.maps.LatLng(33.272659, -117.297708),
new google.maps.LatLng(33.272637, -117.297280),
new google.maps.LatLng(33.272796, -117.296530),
new google.maps.LatLng(33.272817, -117.297949),
new google.maps.LatLng(33.271941, -117.297503),
new google.maps.LatLng(33.271765, -117.298051),
new google.maps.LatLng(33.272245, -117.298298),
new google.maps.LatLng(33.272227, -117.297661),
new google.maps.LatLng(33.272088, -117.297086),
new google.maps.LatLng(33.272374, -117.296991),
new google.maps.LatLng(33.272434, -117.298173),
new google.maps.LatLng(33.272622, -117.298770),
new google.maps.LatLng(33.272683, -117.298115),
new google.maps.LatLng(33.272659, -117.297691),
new google.maps.LatLng(33.272621, -117.296967),
new google.maps.LatLng(33.272823, -117.296930),
new google.maps.LatLng(33.272839, -117.298394),
];
var Path = new google.maps.Polyline({
clickable: false,
geodesic: true,
path: PolylineCoordinates,
strokeColor: "#6495ED",
strokeOpacity: 1.000000,
strokeWeight: 10
});
Path.setMap(map);
}
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>
</html>