Designing-and-Developing-Algorithm/my_map.html at master · jaycenusa/Designing-and-Developing-Algorithm · GitHub

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
106
107
108
109
110
111
<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(37.766956, -122.438481);
		var myOptions = {
			zoom: 13,
			center: centerlatlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

		var latlng = new google.maps.LatLng(37.769901, -122.498331);
		var img = new google.maps.MarkerImage('C:\Users\Jay\AppData\Local\Programs\Python\Python36-32\lib\site-packages\gmplot\markers/6495ED.png');
		var marker = new google.maps.Marker({
		title: "no implementation",
		icon: img,
		position: latlng
		});
		marker.setMap(map);

		var latlng = new google.maps.LatLng(37.768645, -122.475328);
		var img = new google.maps.MarkerImage('C:\Users\Jay\AppData\Local\Programs\Python\Python36-32\lib\site-packages\gmplot\markers/6495ED.png');
		var marker = new google.maps.Marker({
		title: "no implementation",
		icon: img,
		position: latlng
		});
		marker.setMap(map);

		var latlng = new google.maps.LatLng(37.771478, -122.468677);
		var img = new google.maps.MarkerImage('C:\Users\Jay\AppData\Local\Programs\Python\Python36-32\lib\site-packages\gmplot\markers/6495ED.png');
		var marker = new google.maps.Marker({
		title: "no implementation",
		icon: img,
		position: latlng
		});
		marker.setMap(map);

		var latlng = new google.maps.LatLng(37.769867, -122.466102);
		var img = new google.maps.MarkerImage('C:\Users\Jay\AppData\Local\Programs\Python\Python36-32\lib\site-packages\gmplot\markers/6495ED.png');
		var marker = new google.maps.Marker({
		title: "no implementation",
		icon: img,
		position: latlng
		});
		marker.setMap(map);

		var latlng = new google.maps.LatLng(37.767187, -122.467496);
		var img = new google.maps.MarkerImage('C:\Users\Jay\AppData\Local\Programs\Python\Python36-32\lib\site-packages\gmplot\markers/6495ED.png');
		var marker = new google.maps.Marker({
		title: "no implementation",
		icon: img,
		position: latlng
		});
		marker.setMap(map);

		var latlng = new google.maps.LatLng(37.770104, -122.470436);
		var img = new google.maps.MarkerImage('C:\Users\Jay\AppData\Local\Programs\Python\Python36-32\lib\site-packages\gmplot\markers/6495ED.png');
		var marker = new google.maps.Marker({
		title: "no implementation",
		icon: img,
		position: latlng
		});
		marker.setMap(map);

		var latlng = new google.maps.LatLng(37.770776, -122.461689);
		var img = new google.maps.MarkerImage('C:\Users\Jay\AppData\Local\Programs\Python\Python36-32\lib\site-packages\gmplot\markers/6495ED.png');
		var marker = new google.maps.Marker({
		title: "no implementation",
		icon: img,
		position: latlng
		});
		marker.setMap(map);

var PolylineCoordinates = [
new google.maps.LatLng(37.771269, -122.511015),
new google.maps.LatLng(37.773495, -122.464830),
new google.maps.LatLng(37.774797, -122.454538),
new google.maps.LatLng(37.771988, -122.454018),
new google.maps.LatLng(37.773646, -122.440979),
new google.maps.LatLng(37.772742, -122.440797),
new google.maps.LatLng(37.771096, -122.453889),
new google.maps.LatLng(37.768669, -122.453518),
new google.maps.LatLng(37.766227, -122.460213),
new google.maps.LatLng(37.764028, -122.510347),
];

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>