Michał Mazur

Michał Mazur Kierownik Działu
Logistyki

Temat: Różne ikony w funkcji dodawania markerów

Hej,

używam poniższego skryptu dla dodawania nowych markerów, niestety nie mogę dojść do tego, w jaki sposób wprowadzić możliwość określania dla każdego markera jednej z kilku możliwych ikon (tutaj chociażby ikona 1 lub 2). Czy ktoś może mi pomóc? Poniżej kod:


var mapa;
var dymek = new google.maps.InfoWindow();
function dodajMarker(lat,lng,txt,icon)
{
var rozmiar = new google.maps.Size(53,54);
var punkt_startowy = new google.maps.Point(0,0);
var punkt_zaczepienia = new google.maps.Point(27,27);


var ikona1 = new google.maps.MarkerImage("logoa.png", rozmiar, punkt_startowy, punkt_zaczepienia);
var ikona2 = 'http://maps.google.com/mapfiles/kml/pal2/icon10.png'

var opcjeMarkera =
{
position: new google.maps.LatLng(lat,lng),
map: mapa,
icon: ikona1
}
var marker = new google.maps.Marker(opcjeMarkera);
marker.txt=txt;
google.maps.event.addListener(marker,"click",function()
{
mapa.panTo(marker.getPosition());
mapa.setZoom(12);
dymek.setContent(marker.txt);
dymek.open(mapa,marker);
});

google.maps.event.addListener(mapa,"click",function()
{
dymek.close()
});

return marker;
}
function mapaStart()
{
var wspolrzedne = new google.maps.LatLng(50.0325004,19.9384260);
var opcjeMapy = {
zoom: 8,
center: wspolrzedne,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy)

var marker1 = dodajMarker(51.37691111,16.01965833,'<strong><div style="line-height:0,9;overflow:hidden;white-space:nowrap;">zawartość dymka</div>');
google.maps.event.trigger(marker,'click');
}
</script>
<div id="mapka" style="width: 99%; height: 99%; border: 1px solid black; background: gray;">
</div>

google.maps.event.trigger(marker,'click');
}
Ten post został edytowany przez Autora dnia 23.02.16 o godzinie 21:47