-
Notifications
You must be signed in to change notification settings - Fork 0
/
map.html
105 lines (94 loc) · 4.13 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<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 - gmplot</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=visualization"></script>
<script type="text/javascript">
function initialize() {
var map = new google.maps.Map(document.getElementById("map_canvas"), {
zoom: 15,
center: new google.maps.LatLng(49.841375, -119.487573)
});
var marker_icon_008000 = {
url: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAABmJLR0QA/wD/AP+gvaeTAAACSElEQVRIia3VO2gUURTG8d/uGiUBSRALH0XAF8EQLQQfGLuAYGFpI1ppkcpCEOxEC8FGsIlYCGonNgoWATUgiiaKGJMQjUayiIkvjMFowrrJWMysruvsI5v9muGee77/zL1zzr0JpdWKdqxFEvN4jwcYKuP9Tx3oQ6BRYJPAlujZKEAQzXfEmRMx47MSTmiVsBurYrIm8BBDAoFzOBm9CKQKgOctc9wBCXuwPAYoim/GagmvtZvThO446DFLnHII6+IWFaOVaMaAneZNojf3dbAGr+3VYFeFwHw9Qref2IjxZBTu1KTB9iqAsB1NGtBJWCaw31b/bsZClMLWiBNBU2jRXCUwp9DfglQSdViqcZHQ0L8UdcnSmdUpiQwyvi2SFPozyOT6eVh6kdDQP4z53PJv6cdclcA59Eccf0uqy5Rpj6uE9mLKNLr4W5nT+C5tn2Y0LQCYxk3MO457+VDoE1hh2A7rhYdGOU3gGn65gNO5cGEPdZuz0Yg2bVhWAvgTV/DDdRzJn4o72OrRa4M2B4tkwA0MGsE24fb9UVzxz+CwN7IGigDfYhAcLQQWg8JzXHQX2YKZAHf/fOv9OHOpNj1jyowXBdExvBfI+zELgX7CVX0F0acIS6fY5pSEwiUf8DEazeIVuFzKVA76DCNeRqNRZM2I2rFaKNw2mgelR8wfXyi0x7jw0BgDd8oZKoE+kcU7TCK8O2uiz3YKhFVbXy650utkLDqE08KOqwn0S7T0iu6HSqFfzYLvtYTmyn+8ltCJ6DlWSfJvIeeYne8ZJ7UAAAAASUVORK5CYII=",
labelOrigin: new google.maps.Point(10, 11)
};
new google.maps.Marker({
position: new google.maps.LatLng(49.841375, -119.487573),
label: "0",
icon: marker_icon_008000,
map: map
});
new google.maps.Marker({
position: new google.maps.LatLng(49.500151, -117.283269),
label: "4",
icon: marker_icon_008000,
map: map
});
new google.maps.Marker({
position: new google.maps.LatLng(53.540159, -113.115714),
label: "2",
icon: marker_icon_008000,
map: map
});
new google.maps.Marker({
position: new google.maps.LatLng(53.540159, -113.578866),
label: "6",
icon: marker_icon_008000,
map: map
});
new google.maps.Marker({
position: new google.maps.LatLng(59.244772, -123.153891),
label: "1",
icon: marker_icon_008000,
map: map
});
new google.maps.Marker({
position: new google.maps.LatLng(49.261923, -123.068225),
label: "3",
icon: marker_icon_008000,
map: map
});
new google.maps.Marker({
position: new google.maps.LatLng(49.232060, -123.032935),
label: "5",
icon: marker_icon_008000,
map: map
});
new google.maps.Polyline({
clickable: false,
geodesic: true,
strokeColor: "#0000FF",
strokeOpacity: 1.000000,
strokeWeight: 2,
map: map,
path: [
new google.maps.LatLng(49.841375, -119.487573),
new google.maps.LatLng(49.500151, -117.283269),
new google.maps.LatLng(53.540159, -113.115714),
new google.maps.LatLng(53.540159, -113.578866),
new google.maps.LatLng(59.244772, -123.153891),
new google.maps.LatLng(49.261923, -123.068225),
new google.maps.LatLng(49.232060, -123.032935),
]
});
new google.maps.Polyline({
clickable: false,
geodesic: true,
strokeColor: "#0000FF",
strokeOpacity: 1.000000,
strokeWeight: 2,
map: map,
path: [
new google.maps.LatLng(49.232060, -123.032935),
new google.maps.LatLng(49.841375, -119.487573),
]
});
}
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<div id="map_canvas" style="width: 100%; height: 100%;" />
</body>
</html>