Google Maps JavaScript API mit PHP Array

Demian · 17.08.2011, 11:28

Hallo!

Ich habe eine Frage bezüglich der Google Maps JavaScript Api und zwar geht es daraum,
dass ich bereits eine JavaScript Function habe die mir auf einer GoogleMaps karte einen
bestimmten Pfad einzeichnet, allerdings werden die Punkte für diesen Pfad noch in dem
JavaScript selber Definiert und ich will sie aber über ein PhP-Array an den Javascript übergeben.

Hier der javascript:

Code:

<!DOCTYPE html>
<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 JavaScript API v3 - Route 640px*400px</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var elevator;
  var map;
  var chart;
  var infowindow = new google.maps.InfoWindow();
  var polyline;
  
  


  var center_map = new google.maps.LatLng(49.637246,7.866443); 
  var karlsruhe = new google.maps.LatLng(48.993735,8.403053);
  var zwp = new google.maps.LatLng(49.278557,8.61557);
  var zwp1 = new google.maps.LatLng(49.460984,8.535919);
  var zwp2 = new google.maps.LatLng(49.480617,8.480987);
  var zwp3 = new google.maps.LatLng(49.51986,8.571625);
  var zwp4 = new google.maps.LatLng(49.740457,8.538895);
  var zwp5 = new google.maps.LatLng(49.767074,8.500442);
  var zwp6 = new google.maps.LatLng(49.801655,8.573341);
  var zwp7 = new google.maps.LatLng(49.93045,8.615913);
  var zwp8 = new google.maps.LatLng(50.027152,8.590507);
  var zwp9 = new google.maps.LatLng(50.087547,8.62072);


  google.load("visualization", "1", {packages: ["columnchart"]});

  function initialize() {
    var myOptions = {
      zoom: 8,
      center: center_map,
      mapTypeId: 'roadmap'  
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    elevator = new google.maps.ElevationService();

    drawPath();
  }

  function drawPath() {

    chart = new google.visualization.ColumnChart(document.getElementById('elevation_chart'));
    var path = [ karlsruhe, zwp, zwp1, zwp2, zwp3, zwp4, zwp5, zwp6, zwp7, zwp8, zwp9, karlsruhe];
    // Erstellen eines PathElevationRequest objekts benutze diese Array

    var pathRequest = {
      'path': path,
      'samples': 256
    }
    elevator.getElevationAlongPath(pathRequest, plotElevation);
  }


  function plotElevation(results, status) {
    if (status == google.maps.ElevationStatus.OK) {
      elevations = results;
      
      var elevationPath = [];
      for (var i = 0; i < results.length; i++) {
        elevationPath.push(elevations[i].location);
      }

      var pathOptions = {
        path: elevationPath,
        strokeColor: '#FF0000',  //Setze Farbe
	strokeWeight: 6,         // Setze Pfadbreite
        strokeOpacity: 0.5,      // Setze Sichtbarkeit
        map: map                 
      }
      polyline = new google.maps.Polyline(pathOptions); //Zeichne Polyline
     
    }
  }  
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize();">
<div>

  <p align="center"><div id="map_canvas" style="position:relative;width:640px; height:400px; border: 2px solid black;"></p></div>
  <div id="elevation_chart" style="width:640px; height:200px; "></div>
</div>
</body>
</html>

Könnte mir dabei vielleicht jemande helfen oder hat jemand einen feritgen php script dafür zurhand. Um Rückmeldung würde ich mich sehr freunen.

Demian

eagle275 · 17.08.2011, 11:51

das ist jetzt relativ einfach ..

dein PHP-script gibt ja den HTML-quelltext aus - und muss jetzt im Block

Code:

 var center_map = new google.maps.LatLng(49.637246,7.866443); 
  var karlsruhe = new google.maps.LatLng(48.993735,8.403053);
  var zwp = new google.maps.LatLng(49.278557,8.61557);
  var zwp1 = new google.maps.LatLng(49.460984,8.535919);
  var zwp2 = new google.maps.LatLng(49.480617,8.480987);
  var zwp3 = new google.maps.LatLng(49.51986,8.571625);
  var zwp4 = new google.maps.LatLng(49.740457,8.538895);
  var zwp5 = new google.maps.LatLng(49.767074,8.500442);
  var zwp6 = new google.maps.LatLng(49.801655,8.573341);
  var zwp7 = new google.maps.LatLng(49.93045,8.615913);
  var zwp8 = new google.maps.LatLng(50.027152,8.590507);
  var zwp9 = new google.maps.LatLng(50.087547,8.62072);

hier wo du die konkreten Zahlen drinstehen hast, kann PHP seinerseits die Koordinaten aus einer Datenbank holen und in den javascript-Quelltext reinschreiben

Demian · 17.08.2011, 12:14

Danke für deine Antwort.

Könntest du mir dafür ein Beispiel schreiben, ich hab damit nämlich absolut keine Ahnung deswegen, wenn es nicht zuviel Arbeit macht wäre ein kurzes Beispiel sehr hilfreich

Danke,
Demian

lstegelitz · 17.08.2011, 12:27

Anstatt einer statischen HTML Datei erstellst du ein PHP Script, das HTML ausgibt.

PHP-Code:

  $lat = 49.389384;

$lng = 7.838932;

echo 'var zwp = new google.maps.LatLng('$lat','.$lng.');'

ChrisB · 17.08.2011, 12:27

Bitte beachten:
http://www.php.de/php-einsteiger/675...sumfragen.html (Inserate, Konzepte und Meinungsumfragen)
http://www.php.de/php-einsteiger/489...nsammlung.html (Lerne Grundlagen | Quellensammlung)

*close*

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Array aus SQL Abfrage zusammenbauen um es rekursiv abzuarbeiten	litterauspirna	PHP Einsteiger	7	01.02.2011 18:44
Google Maps mit Siedbar	Ingo71	JavaScript, Ajax und mehr	4	14.01.2011 08:33
[Erledigt] Google Maps Karte auf Marker zentrieren	Ingo71	PHP Einsteiger	5	11.01.2011 12:33
Array werte zusammen rechnen	fabi288	PHP Einsteiger	13	03.01.2011 16:08
mehrdimensionales array inhalte tauschen	pidaman	PHP Tipps 2010	18	27.08.2010 16:58
Google Maps in Google Suchergebnissen	J_Jara	PHP Tipps 2010	5	16.03.2010 17:44
PreLoader für Google Maps Karten?	Blade	JavaScript, Ajax und mehr	0	24.02.2010 21:40
[Erledigt] Problem bei update mit array feldern	fulltilt	PHP Tipps 2010	6	13.02.2010 00:59
[Erledigt] array sortieren		PHP Tipps 2004	17	13.05.2009 10:44
Array umwandeln von zwei zu mehrdimensional	erselbst	PHP Tipps 2009	6	02.04.2009 23:30
Turnierbaum aus array erstellen	kingflo	PHP-Fortgeschrittene	11	30.07.2008 11:32
Menü mit Unterpunkten	supertramp	Beitragsarchiv	7	18.10.2005 22:40
Sortieren von Arrays mit mehr als 2 Dimensionen (Teil 2)	Buhmann	PHP-Fortgeschrittene	4	12.07.2005 14:03
[Erledigt] Mehrdimensionales Array in eindimensionales Array umwandeln		PHP-Fortgeschrittene	3	03.01.2005 22:31


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.08.2011, 12:14
Demian Neuer Benutzer Registriert seit: 05.01.2009 Beiträge: 2	Danke für deine Antwort. Könntest du mir dafür ein Beispiel schreiben, ich hab damit nämlich absolut keine Ahnung deswegen, wenn es nicht zuviel Arbeit macht wäre ein kurzes Beispiel sehr hilfreich Danke, Demian

17.08.2011, 12:27
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	Anstatt einer statischen HTML Datei erstellst du ein PHP Script, das HTML ausgibt. PHP-Code: `$lat = 49.389384; $lng = 7.838932; echo 'var zwp = new google.maps.LatLng('$lat','.$lng.');'` __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

17.08.2011, 12:27
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Bitte beachten: http://www.php.de/php-einsteiger/675...sumfragen.html (Inserate, Konzepte und Meinungsumfragen) http://www.php.de/php-einsteiger/489...nsammlung.html (Lerne Grundlagen \| Quellensammlung) close __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?