[noch nicht gelöst] JavaScript in einzelner Seite

**Lengen1971** · 19.11.2010, 14:10

Hi,
ich möchte gern die GoogleMapsApi Javascript V3 in einer Seite verwenden. Dazu müssen einige JavaScripts eingebunden werden.
An welcher Stelle kann ich JavaScript in eine Seite einbinden? Also, nicht über´s Layout, sonst würde das ja bei jeder Seite ausgeführt werden.
Kann mir da jemand helfen?

danke
Gruß
Michel

***xchs*** · 19.11.2010, 14:19

Hallo Lengen1971,

dafür könntest Du beispielsweise diese Erweiterung nehmen.

Oder gleich das dafür vorgesehene "Google Maps Modul" (allerdings zur Zeit noch mit der älteren API)

**Lengen1971** · 19.11.2010, 14:34

Hi xchs,

vielen Dank für dein Antwort. Die GoogleMaps Extension haben wir schon probiert, die kann leider nur einen Karte anzeigen. Ich möcht aber auch Routenberechnung usw. durchführen.

Die header_code hab ich auch schon drauf, aber der Code wird in die Seite nicht eingebunden. Also, im Quelltext nicht sichtbar.

Gruß
Michel

***xchs*** · 19.11.2010, 14:39

Zitat von Lengen1971

Die header_code hab ich auch schon drauf, aber der Code wird in die Seite nicht eingebunden. Also, im Quelltext nicht sichtbar.

Kannst Du das etwas genauer ausführen, was genau Du wo einbindest?

**Lengen1971** · 19.11.2010, 14:41

Hi, ja, klar, in die Einstellungen einer Seite. Hier sind die zusätzl. Felder für header_code und footer_code. siehe Screenshot.

***xchs*** · 19.11.2010, 14:44

Poste mal bitte den kompletten Code hier! Der Funktionsaufruf im Bereich "Footercode" kann so schon mal nicht richtig sein...

**Lengen1971** · 19.11.2010, 14:45

OK:

Code:

var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var ahrensberg = new google.maps.LatLng(53.258447,13.03299);
  var myOptions = {
    zoom:14,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: chicago
  }
  map = new google.maps.Map(document.getElementById("main_map"), myOptions);
  directionsDisplay.setMap(map);
}
  
function calcRoute() {
  var start = document.getElementById("start").value;
  var end = document.getElementById("end").value;
  var request = {
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };
  directionsService.route(request, function(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(result);
    }
  });
}

Code:

initialize();

***xchs*** · 19.11.2010, 14:48

Den Code, den Du in die beiden Eingabefelder einfügst, musst Du aber in entsprechende <script>-HTML-Tags setzen und nicht direkt so einfügen!

**Lengen1971** · 19.11.2010, 14:52

Ach scheiße. Sry, mach ich gleich....

Geht aber trotzdem net... der code ist nicht in der Seite drin...

***xchs*** · 19.11.2010, 15:50

Zitat von Lengen1971

Geht aber trotzdem net... der code ist nicht in der Seite drin...

Schau Dir am besten mal dieses Thema ab diesem Beitrag an. Dort haben wir das selbe schon mal "durchgekaut".

Da - so wie es aussieht - die Funktion über das onload-Attribut des <body>-Elements initialisiert werden muss, kann es sein, dass Du eine JavaScript-Fehlermeldung erhälst, sofern die entsprechende Definition der Funktion nur auf der einen Seite eingebunden wird.

Gegebenenfalls wäre es daher günstiger, wenn Du das direkt über ein eigenes Seitenlayout machst, das Du dann nur dieser einen Seite zuweist.

**Lengen1971** · 19.11.2010, 15:53

OK, ich check mal den Beitrag.

Über onload oder footer is ja egal. Der Code ist ja gar nicht in der generierten Seite drin. Auch krieg ich keine Fehlermeldung über die JavaScript Konsole.

Schönes WE
Gruß
Michel