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);
};
Lesezeichen