• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

URLs für mehrere Marker in Google Maps API

micia

New member
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); 
};
 
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...
 
Zurück
Oben