martinli: Google Maps API

Beitrag lesen

Hallo,
Ich habe angefangen mal ein wenig mit Google Maps API zu programmieren. Aber schon bei der Suche nach guter Dokumentation bin ich leider nicht sehr weit bekommen. Klar, auf deutsch ist noch kaum etwas vorhanden.
Aber auch auf englisch kann ich kaum etwas finden.

Was ist machen möchte ist mehrere "GPS"-Positionen miteinander zu einer Linie verbinden. Nennt sich Polyline, soweit bin ich schon gekommen. Ich hab auch Ansätze dazu im Internet gefunden. Aber meist wenn da eine Erklärung ist, dann tauchen im quelltext keine GPS-Positionen auf.

Ein zusammengeschnittener Quelltext, der aber leider nicht ganz vollständig funktioniert ist folgender:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml">
  <head>

<title>Google Map</title>
    <script
src="http://maps.google.com/maps?file=api&v=2&key="
type="text/javascript"></script>

<style type="text/css">
    v:* {
      behavior:url(#default#VML);
    }
    </style>

</head>
  <body onunload="GUnload()">
    <div id="map" style="width:700px; height:495px;"
class="Iframe"></div>
    <script language="Javascript">
     var map = new GMap2(document.getElementById("map"));
          var myZoom = 10;
          map.addMapType(G_NORMAL_MAP);
          map.addMapType(G_SATELLITE_MAP);
          map.addMapType(G_HYBRID_MAP);
          map.addControl(new GSmallMapControl());
          map.addControl(new GMapTypeControl());
          map.setCenter(new GLatLng(40.440569000000004, -79.959705), myZoom);
    </script>
<script language="JavaScript">

drawCountyBorder();

function drawCountyBorder()
{
        var bounds = new GLatLngBounds();
        var blue = "#0022aa";
        var black = "#000000";

var polyline = new GPolyline([

new GLatLng(40.6745300000000 -80.1486780000000),

new GLatLng(40.6740340000000 -80.1365010000000),

new GLatLng(40.6741140000000 -80.1171090000000),

new GLatLng(40.6742390000000 -80.1117080000000),
                                                     ])

}

</script>
  </head>
  <body onload="load()" onunload="GUnload()">
  <center>
    <div id="map" style="width: 900px; height: 500px"></div>
    </center>
  </body>
</html>

Viele Grüße
Martin