Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 15 von 31
  1. #1
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    Push-Pin mit Link hinzufügen

    Hallo ich habe folgenden Code.
    Hier möchte ich weitere Pin´s hinzufügen.
    Kann mir jemand schreiben wie ich das umsetzen kann.

    function initialize() {
    if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(54.51995,9.59643), 8);
    map.addMapType(G_PHYSICAL_MAP);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
    map.addOverlay(new GMarker(new GLatLng(53.53630, 8.09991)))
    //Diesen möchte ich mit der gleichen Funktion wie oben zufügen

    var marker = new GMarker(map.getCenter());
    map.addOverlay(marker);

    GEvent.addListener(marker, 'click', function() {
    var maxContentDiv = document.createElement('div');
    maxContentDiv.innerHTML = 'Loading...'
    marker.openInfoWindowHtml("<div style='padding:4px'>24837 Schleswig ( direkt am Ufer der Schlei )*!</div>",
    {maxContent: maxContentDiv,
    maxTitle: "More Info"});


    var iw = map.getInfoWindow();
    GEvent.addListener(iw, "maximizeclick", function() {
    GDownloadUrl("../kerli/schleswig-schlei/ajax_content.html", function(data)
    //und auch diese Information
    { maxContentDiv.innerHTML = data;
    });
    });
    });
    }
    }

    </script>
    </head>

    <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 800; height: 635; font-family: Arial, sans serif"></div>
    </body>
    </html>

  2. #2
    Juppiduh ist offline Doppel-As
    registriert
    17-06-2009
    Beiträge
    143

    AW: Push-Pin mit Link hinzufügen

    Zitat Zitat von Remmi Beitrag anzeigen
    Hier möchte ich weitere Pin´s hinzufügen.
    An welcher Position? map.getCenter()?

  3. #3
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Hey habe mal den Bereich kopiert:
    map.addOverlay(new GMarker(new GLatLng(53.53630, 8.09991)))
    //Diesen möchte ich mit der gleichen Funktion wie oben zufügen

    leider funktioniert das bei mir nicht.

  4. #4
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Also ich möchte das ganze mal anderst erklären.
    Ich plaziere einen PushPin

    map.addOverlay(new GMarker(new GLatLng(53.53630, 8.09991

    Durch das anklicken öffnet sich ein Fenster mit der Kurzbeschreibung

    marker.openInfoWindowHtml("<div style='padding:4px'>24837 Schleswig ( direkt am Ufer der Schlei )*

    Oben rechts im Fenster gibt es ein Pluszeichen, dadurch öffnet sich im gleiche Fenster eine Datei mit mehr Infos.

    GDownloadUrl("../kerli/schleswig-schlei/ajax_content.html", function(data)

    Diesen Vorgang möchte ich endlos weiter führen.

    Im Web sieht es so aus.

    http://www.camperplaces.eu/Kerli/index.html

    Vielleicht ist das verständlicher.

  5. #5
    Juppiduh ist offline Doppel-As
    registriert
    17-06-2009
    Beiträge
    143

    AW: Push-Pin mit Link hinzufügen

    Sorry - hatte in dem unformatierten Code den Kommentar übersehen und auch sonst so Einiges. Meiner Meinung nach hast Du nur ein Problem damit, daß Du zu weit reingezoomt hast. Deswegen bekommest Du das Ding nicht vor die Nase...

  6. #6
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Vielleicht habe ich mich falsch ausgedrückt.
    Beim ersten PushPin geht ja alles perfekt nur ich möchte noch andere hinzufügen.

    Aber schon mal danke für die Info.

  7. #7
    Juppiduh ist offline Doppel-As
    registriert
    17-06-2009
    Beiträge
    143

    AW: Push-Pin mit Link hinzufügen

    Das Ding wird doch eingefügt. Nur liegen bei Dir die Koordinaten 53.53630N, 8.09991E knapp außerhalb des sichtbaren Bereichs.

    Wenn Du infowindows, event handler usw. hinzufügen willst mußt Du außerdem dafür sorgen, daß Du nicht nur die weiteren Marker einfügst sondern sie auch ansprechen kannst...

    Edit: irgendwie werde ich nicht schlau aus dem, was Du schreibst. Bei Deinen Einstellungen ist NUR der Marker zu sehen, den Du angeblich nicht hinzufügen kannst. Der angeblich erfolgreich eingefügte ist unsichtbar.
    Geändert von Juppiduh (28-06-2009 um 17:15 Uhr)

  8. #8
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Ich stelle noch mal eine andere erweiterte Seite ein.
    Bei dem Pushpin in Schleswig ist alles OK.
    der weiter westlich wird angezeigt aber ich bekomme die Zusatzinfos (Infofenster) nicht eingebunden.
    Muss dazu sagen das ich absoluter Laie bin und mir das alles im Netz zusammen suche.
    Ich würde gern die Darstellung der PushPins so wie bei dem von Schleswig auch bei weiteren Pushpins einbauen.

    http://www.camperplaces.eu/kerli/index.html
    Geändert von Remmi (28-06-2009 um 17:40 Uhr)

  9. #9
    Juppiduh ist offline Doppel-As
    registriert
    17-06-2009
    Beiträge
    143

    AW: Push-Pin mit Link hinzufügen

    Wie schon gesagt: mach die Dinger für weitere Aktionen referenzierbar:
    PHP-Code:
    var marker1=new GMarker(new GLatLng(53.536308.09991));
    map.addOverlay(marker1);
    GEvent.addListener(marker1'click', function() {
    //code
    });
    var 
    marker2=new GMarker(new GLatLng(...,...));
    map.addOverlay(marker2);
    GEvent.addListener(marker2'click', function() {
    //code
    }); 
    Du kannst auch alle relevanten Daten z. B. in ein Array stecken und die Marker in einer Schleife erzeugen.

  10. #10
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Sieht super aus, aber wenn Du mir jetzt noch zeigen kannst wie das in meinem Beispiel oben aussehen würde wäre ich endlos DANKBAR.

  11. #11
    Juppiduh ist offline Doppel-As
    registriert
    17-06-2009
    Beiträge
    143

    AW: Push-Pin mit Link hinzufügen

    Du mußt doch nur immer den ganzen Block kopieren, die Koordinaten anpassen und pro Marker 2 Zeilen ändern:

    marker.openInfoWindowHtml("<div style='padding:4px'>24837 Schleswig ( direkt am Ufer der Schlei )*!</div>",

    und

    GDownloadUrl("../kerli/schleswig-schlei/ajax_content.html", function(data)

  12. #12
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Leider klappt das nicht.
    Habe es wie beschrieben eingebunden, aber jetzt geht nichts mehr.
    Sorry ich lerne es auch noch.
    Hier mal die angepasste Variante.

    function initialize() {
    if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(54.51995,9.59643), 5);
    map.addMapType(G_PHYSICAL_MAP);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
    //map.addOverlay(trafficInfo);

    var marker1=new GMarker(new GLatLng(53.53630, 8.09991));
    map.addOverlay(marker1);
    GEvent.addListener(marker1, 'click', function() {

    var maxContentDiv = document.createElement('div');
    maxContentDiv.innerHTML = 'Loading...'
    marker.openInfoWindowHtml("<div style='padding:4px'>24837 Schleswig ( direkt am Ufer der Schlei )*!</div>",
    {maxContent: maxContentDiv,
    maxTitle: "More Info"});


    var iw = map.getInfoWindow();
    GEvent.addListener(iw, "maximizeclick", function() {
    GDownloadUrl("../kerli/schleswig-schlei/ajax_content.html", function(data) {
    maxContentDiv.innerHTML = data;
    });
    });
    });
    });
    }
    }

    Was ist hier falsch gelaufen?

  13. #13
    Juppiduh ist offline Doppel-As
    registriert
    17-06-2009
    Beiträge
    143

    AW: Push-Pin mit Link hinzufügen

    Zitat Zitat von Remmi Beitrag anzeigen
    Was ist hier falsch gelaufen?
    Zweierlei:

    1.: (mein Fehler) marker1.openInfoWindowHtml("<div style='padding:4px'>Text</div>",

    2.: Du hast jetzt am Ende des Blocks vier mal "});" - das darf da nur drei mal hin.

  14. #14
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Ich danke Dir vielmals.
    Werde jetzt mal versuchen weitere einzubinden.

  15. #15
    Remmi ist offline Jungspund
    registriert
    28-06-2009
    Beiträge
    22

    AW: Push-Pin mit Link hinzufügen

    Naja wer viel probiert macht auch viele Fehler.
    Und ich mache halt die meisten.
    Vielleicht noch mal eine Hilfestellung.
    Was ist hier wieder falsch.

    function initialize() {
    if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(54.51995,9.59643), 5);
    map.addMapType(G_PHYSICAL_MAP);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
    //map.addOverlay(trafficInfo);

    var marker1=new GMarker(new GLatLng(54.51995, 9.59643));
    map.addOverlay(marker1);
    GEvent.addListener(marker1, 'click', function() {

    var maxContentDiv = document.createElement('div');
    maxContentDiv.innerHTML = 'Loading...'
    marker1.openInfoWindowHtml("<div style='padding:4px'>24837 Schleswig ( direkt am Ufer der Schlei )*!</div>",
    {maxContent: maxContentDiv,
    maxTitle: "More Info"});


    var iw = map.getInfoWindow();
    GEvent.addListener(iw, "maximizeclick", function() {
    GDownloadUrl("../kerli/schleswig-schlei/ajax_content.html", function(data) {
    maxContentDiv.innerHTML = data;
    });
    var marker2=new GMarker(new GLatLng(53.54358, 10.02677));
    map.addOverlay(marker2);
    GEvent.addListener(marker2, 'click', function() {
    var maxContentDiv = document.createElement('div');
    maxContentDiv.innerHTML = 'Loading...'
    marker2.openInfoWindowHtml("<div style='padding:4px'>20097 Hamburg ( direkt im Zentrum )*</div>",
    {maxContent: maxContentDiv,
    maxTitle: "More Info"});


    var iw = map.getInfoWindow();
    GEvent.addListener(iw, "maximizeclick", function() {
    GDownloadUrl("../kerli/schleswig-schlei/ajax_content.html", function(data) {
    maxContentDiv.innerHTML = data;
    });
    });
    });
    }
    }

    </script>

Seite 1 von 3 123 LetzteLetzte

Ähnliche Themen

  1. a active Link hinzufügen
    Von Roberto65 im Forum CSS und (X)HTML
    Antworten: 5
    Letzter Beitrag: 28-01-2009, 17:17
  2. Foldout Menü vertikal mit 2 Subebenen
    Von RealGsus im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 01-11-2007, 10:48
  3. Antworten: 0
    Letzter Beitrag: 02-09-2007, 15:18
  4. css menü link over und link active hinzufügen
    Von djrace im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 17-09-2005, 13:11
  5. Formular inklusive Link großes problem
    Von Plutarch im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 09-06-2005, 15:00

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •