-
Notifications
You must be signed in to change notification settings - Fork 0
/
my_map.html
68 lines (63 loc) · 2.41 KB
/
my_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
<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(34.068921, -118.445181);
var myOptions = {
zoom: 13,
center: centerlatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var PolylineCoordinates = [
new google.maps.LatLng(34.045700, -118.496000),
new google.maps.LatLng(34.039500, -118.489000),
new google.maps.LatLng(34.042600, -118.485000),
new google.maps.LatLng(34.043400, -118.484000),
new google.maps.LatLng(34.042200, -118.483000),
new google.maps.LatLng(34.044500, -118.480000),
new google.maps.LatLng(34.044200, -118.480000),
new google.maps.LatLng(34.041600, -118.475000),
new google.maps.LatLng(34.043000, -118.473000),
new google.maps.LatLng(34.041100, -118.471000),
new google.maps.LatLng(34.041300, -118.471000),
new google.maps.LatLng(34.040000, -118.469000),
new google.maps.LatLng(34.044300, -118.464000),
new google.maps.LatLng(34.043300, -118.463000),
new google.maps.LatLng(34.044400, -118.461000),
new google.maps.LatLng(34.042700, -118.459000),
new google.maps.LatLng(34.050100, -118.447000),
new google.maps.LatLng(34.048800, -118.446000),
new google.maps.LatLng(34.049600, -118.445000),
new google.maps.LatLng(34.045000, -118.441000),
new google.maps.LatLng(34.045500, -118.440000),
new google.maps.LatLng(34.042600, -118.437000),
new google.maps.LatLng(34.048500, -118.428000),
new google.maps.LatLng(34.044900, -118.424000),
new google.maps.LatLng(34.046000, -118.423000),
new google.maps.LatLng(34.045400, -118.422000),
new google.maps.LatLng(34.050100, -118.414000),
new google.maps.LatLng(34.048600, -118.413000),
new google.maps.LatLng(34.050000, -118.411000),
new google.maps.LatLng(34.044300, -118.405000),
];
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>