Einzelnen Beitrag anzeigen
  #8 (permalink)  
Alt 09-05-2013, 11:33
Melewo
 Registrierter Benutzer
Links : Onlinestatus : Melewo ist offline
Registriert seit: Jan 2013
Beiträge: 365
Melewo befindet sich auf einem aufstrebenden Ast
Standard

Habe es halbwegs begriffen, die Strecke war nur zu kurz, um die bei der Zoomstufe zu erkennen, doch jetzt funktioniert es auch mit diesen Werten.

HTML-Code:
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Simple Polylines</title>
    <link href="https://developers.google.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
function initialize() {
  var myLatLng = new google.maps.LatLng(-33.3240789844364, 115.638325287067);
  var mapOptions = {
    zoom: 16,
    center: myLatLng,
    mapTypeId: google.maps.MapTypeId.TERRAIN 
  };

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

  var flightPlanCoordinates = [
  
    new google.maps.LatLng(-33.3240789844364, 115.638325287067),
    new google.maps.LatLng(-33.3240755555556, 115.638360555556),
    new google.maps.LatLng(-33.3240722222222, 115.638396666667),
    new google.maps.LatLng(-33.3240783333333, 115.638419444444),
    new google.maps.LatLng(-33.3246238888889, 115.638753333333),
    new google.maps.LatLng(-33.3246716666667, 115.638813888889),
    new google.maps.LatLng(-33.3247216666667, 115.638857777778),
    new google.maps.LatLng(-33.3247783333333, 115.638908333333),
    new google.maps.LatLng(-33.3248188888889, 115.638933333333),
    new google.maps.LatLng(-33.3248483333333, 115.638941666667),
    new google.maps.LatLng(-33.3248366666667, 115.63901),
    new google.maps.LatLng(-33.3246905555556, 115.639496666667),
    new google.maps.LatLng(-33.3244577777778, 115.639959444444),
    new google.maps.LatLng(-33.3243933333333, 115.640034444444),
    new google.maps.LatLng(-33.3247722222222, 115.64049),
    new google.maps.LatLng(-33.3250116666667, 115.640761666667),
    new google.maps.LatLng(-33.3252088888889, 115.640923888889),
    new google.maps.LatLng(-33.3254516666667, 115.641070555556),
    new google.maps.LatLng(-33.3258016666667, 115.641201666667),
    new google.maps.LatLng(-33.3260861111111, 115.641242777778),
    new google.maps.LatLng(-33.3262483333333, 115.641245555556),
    new google.maps.LatLng(-33.3264027777778, 115.641217777778),
    new google.maps.LatLng(-33.3266022222222, 115.64116),
    new google.maps.LatLng(-33.3267394444444, 115.641115555556),
    new google.maps.LatLng(-33.3271016666667, 115.640994444444),
    new google.maps.LatLng(-33.32748, 115.640953888889),
    new google.maps.LatLng(-33.3278433333333, 115.640965),
    new google.maps.LatLng(-33.3278988888889, 115.640971666667) 
  ];
  var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    strokeColor: '#FF0000',
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
    <!-- Quelle: https://developers.google.com/maps/documentation/javascript/examples/polyline-simple?hl=de -->
  </body>
</html>
Mit Zitat antworten