+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Google Maps API andere Marker einfügen

  1. #1
    TP-Junior Bischoff macht alles soweit korrekt
    Registriert seit
    Dec 2005
    Beiträge
    13

    Google Maps API andere Marker einfügen

    Hallo, ich bräuchte mal Hilfe bei Google Map API. Ich versuche in die Karte andersfarbige Marker einzusetzen, der Code dazu sieht folgender maßen aus:

    Code:
     <script src="http://maps.google.com/maps?file=api&v=2&key=xxxxxxx"
          type="text/javascript"></script>
          
    <script type="text/javascript">
    	
        function load() {
          if (GBrowserIsCompatible()) {
    	var map = new GMap2(document.getElementById("map"));
    
    	if (GBrowserIsCompatible()) {
    
    
    // Eigene Marker
    
    var m1 = new GIcon(baseIcon, "http://www.wandercache.de/marker/1.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");
    
    
    // Marker erstellen
    
    	function createMarker(point,html) {
    	var marker = new GMarker(point)
    
    
    // Zeige Info Fenster bei Klick
    
    	GEvent.addListener(marker, 'click', function() {
    	marker.openInfoWindowHtml(html);
    	});
    	return marker;
    }
    // Karte auf Deutschland ausrichten, Zoom und Navigationsleiste anzeigen, Kartentyp festlegen
    
    	var map = new GMap2(document.getElementById("map"));
    	map.addControl(new GLargeMapControl());
    	map.addControl(new GMapTypeControl());
    	map.addMapType(G_PHYSICAL_MAP);
    	map.enableScrollWheelZoom();
    	map.setCenter(new GLatLng(51.1656910, 10.4515260), 6, G_HYBRID_MAP);
    
    // 2 Icons mit Info-Fenster
    
    	var point = new GLatLng(50.9406645, 6.9599115); 
    	var marker = createMarker(point,'<div style="width:200px">Geburtsstätte des Wandercaches <a href="http://www.wandercache.de"> www.wandercache.de</a><br><strong>Status: </strong>Noch nicht auf Reisen ' m1)
    	map.addOverlay(marker);
    	
    	
    
    //	var point = new GLatLng(50.7327045, 7.0963113);
    //	var marker = createMarker(point,'Testmarker 2 ohne Link aber mit fetter<br/><b>Schrift</b>')
    //	map.addOverlay(marker);
    
    }
    
          }
        }
        
        </script>
    Leider wird mir nicht angezeigt, wenn ich den Code so ausführe. Wäre nett, wenn mir jemand sagen könnte, wie ich den Code ändern muss, damit ich selbst definierte Marker in die Karte einbinden kann.

  2. #2
    TP-Veteran wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE Avatar von wildmieze
    Registriert seit
    Dec 2003
    Beiträge
    1.715
    hmm .. funktionierts denn mit den standard-markern ..?

    spontan würde mir höchstens einfallen, daß vor dem "m1" am ende von "var marker" vielleicht noch ein komma gehört ..

    ich rufe "meine" marker etwas anders, komplizierter auf .. kann aber gut sein, daß das falsch ist, ich habe das gefühl, bei mir ist das viel zu viel code und doppelt gemoppelt .. ich brauche aber auch unterschiedliche marker, vielleicht liegts daran .. ejal, immerhin funktionierts^^

    Code:
    var baseIcon = new GIcon()
    baseIcon.shadow = "marker_shadow.png";
    baseIcon.iconSize = new GSize(18, 28);
    baseIcon.shadowSize = new GSize(25, 28);
    baseIcon.iconAnchor = new GPoint(9, 28);
    baseIcon.infoWindowAnchor = new GPoint(7, 1);
    
    var icon_info = new GIcon(baseIcon);
    icon_info.image = "marker_info.png";  
    
    
    var point1 = new GLatLng(51.61584483201692, 7.523746490478516);
    function createMarker1(point1, icon_info)  {
    var marker1 = new GMarker(point1, icon_info);
    GEvent.addListener(marker1, "click", function() {    
       marker1.openInfoWindowHtml("Text 234");
      });
      return marker1;
    }      
    map.addOverlay(createMarker1(point1, icon_info));

  3. #3
    TP-Junior Bischoff macht alles soweit korrekt
    Registriert seit
    Dec 2005
    Beiträge
    13
    Das mit dem Standart Marker funktioniert, habe das gerade mal mit dem Komma probiert, hat leider nicht geklappt, es baut sich zwar das Fenster von der Karte auf, aber es wird keine Karte oder Marker angezeigt. Ich setz mich morgen mal hin und schau, was du gemacht hast, vielleicht kann ich da ja was ableiten von, vielleicht hat jemand anders bis dahin noch eine idee. Danke erst mal.

  4. #4
    TP-Veteran wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE Avatar von wildmieze
    Registriert seit
    Dec 2003
    Beiträge
    1.715
    hmm .. nichtmal die karte wird angezeigt? .. *kratzamkopp* ..

    ansonsten hätte ich jetzt evtl. noch gedacht, daß das script vielleicht keine "externen" bilddateien mag, also daß du da nur lokale pfade angeben kannst ..

    ist bei mir aber auch schon lange her mit den maps, bestimmt 2 jahre .. damals gab es auch eine recht hilfreiche google-group .. wenn hier keiner weiter weiß, kannste da ja nochmal fragen, wo der wurm drin ist ..

+ Antworten

Ähnliche Themen

  1. Google Maps
    Von Philip Fuchslocher im Forum Webdesign allgemein
    Antworten: 2
    Letzter Beitrag: 22.07.2008, 10:28
  2. Google Maps Api- Zwei Maps auf einer Seite
    Von Adromir im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 26.05.2008, 11:51
  3. google suche - ergebnis mit link auf google maps
    Von mimamo im Forum Webdesign allgemein
    Antworten: 0
    Letzter Beitrag: 28.02.2007, 19:49
  4. Google Maps
    Von designfanatiker im Forum Webdesign allgemein
    Antworten: 6
    Letzter Beitrag: 06.01.2007, 21:44
  5. google Maps
    Von klaus_harrer im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 14.12.2006, 14:04

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51