PhoenixRacingWebApp-noregrets/googlemaps_API.html at master · PhoenixRacing/PhoenixRacingWebApp-noregrets · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Data Layer: Styling</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script type="text/javascript">

var map;
var flightPath2;
var linelist=[new google.maps.LatLng(0, 0),
    new google.maps.LatLng(5, -5)]
console.log(linelist)
linelist.push(new google.maps.LatLng(0,-5))

var linelist2=[new google.maps.LatLng(0,-5), new google.maps.LatLng(0,0)]
function initialize() {
  var mapOptions = {
    zoom: 5,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  var flightPlanCoordinates =
    linelist
  ;
  var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    geodesic: true,
    strokeColor: '#FF0000',
    strokeOpacity: 1.0,
    strokeWeight: 2
  });