Ergebnis 1 bis 2 von 2
  1. #1
    micia ist offline Grünschnabel
    registriert
    04-08-2014
    Beiträge
    1

    URLs für mehrere Marker in Google Maps API

    Hallo zusammen,
    für eine WebApp möchte ich mehreren Google Maps Markern unterschiedliche URLs (bei Klick) zuweisen. Die Daten für die verschiedenen Marker werden aus .json gelesen, in welcher Position (lat, long) und Name des Markers eingetragen ist. Bin Anfänger und finde leider nur Skripts in denen für die jeweiligen Marker eine einzige Variable erzeugt wird. Somit erhalten alle Marker auf der Karten die selbe URL.

    Über eure Hilfe würde ich mich sehr freuen.

    Code:
    var karte;
    var marker;
    var meineLongitude, meineLatitude;
    
    /* Karte */
    
    var positionsAusgabe = function(position){
    	width = document.getElementById('karte').offsetWidth;
    	height = document.getElementById('karte').offsetHeight;
    
    	meineLongitude = position.coords.longitude;
    	meineLatitude = position.coords.latitude;
    	
    	var optionen = {
    		zoom: 13,
    		center: new google.maps.LatLng(meineLatitude, meineLongitude),
    		mapTypeId: google.maps.MapTypeId.ROADMAP
    	};
    
    	karte = new google.maps.Map(document.getElementById('karte'), optionen);
    	
    	window.setTimeout(function(){
    		
    		$.getJSON('daten/positions.json?='+Date.now(), function(data){
    			
    			$('#opt').find('ul').html('');
    			
    			$.each(data, function(positions, daten){
    				$('#opt').find('ul').append('<li class="'+daten.Kategorie+'"><img src="http://maps.google.com/maps/api/staticmap?center='+daten.Position.Latitude+','+daten.Position.Longitude+'&zoom=13&size=50x50&markers=color:blue|size:tiny|'+daten.Position.Latitude+','+daten.Position.Longitude+'&sensor=true"/>'+positions+'<span>'+entfernungBerechnen(meineLongitude,meineLatitude,daten.Position.Longitude,daten.Position.Latitude)+'</span></li>');
    				
    				marker = new google.maps.Marker({
    					map: karte,
    					animation: google.maps.Animation.DROP,
    					position: new google.maps.LatLng(daten.Position.Latitude,daten.Position.Longitude),
    					title:'Marker auswählen und anklicken',
    					url: '/beispiel/beispiel.html'
    				});
    				google.maps.event.addListener(marker, 'click', function() {
          window.location.href = marker.url;
        });
    				
    			});
    			
    		//	window.scrollTo(0,1);
    			
    		});
    		
    	},1); 
    };

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.650

    AW: URLs für mehrere Marker in Google Maps API

    Wo ist denn die unterschiedliche URL für die verschiedenen Marker gespeichert?

    PS: deine unnötigen globalen Variablen (sollte man sowieso möglichst vermeiden) machen dir hier das Problem, dass du im onclick nicht auf den geklickten Marker zugreifen kannst.
    PPS: Den Sinn des window.setTimeout() verstehe ich nicht...

Ähnliche Themen

  1. Google Maps API V3 Marker problem
    Von crnkjex im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 04-06-2014, 12:56
  2. Google Maps Marker Problem
    Von donstreiff im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 18-10-2011, 15:26
  3. Google Maps Code-zweiten Marker einbauen?
    Von mario_blank im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 24-12-2009, 01:15
  4. Farbige Marker für Google Maps
    Von Mamm im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 19-10-2008, 18:15
  5. Antworten: 1
    Letzter Beitrag: 08-10-2007, 00:25

Stichworte

Lesezeichen

Berechtigungen

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