Witam,
Mam problem ze stworzeniem mapy z własnym markerem.
Chodzi o zastąpienie tych standardowych pomarańczowych znaczników własnym.
Będę bardzo wdzięczny za nakierowanie jak w kod mapy poniżej wścibolić kod odpowiedzialny za zmianę znaczników na mój własny.
Z góry dzięki za każdą pomoc i sugestię.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css" media="all">@import "/style/Przyklad.css";
</style> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <body onload="mapaStart()"> <script type="text/javascript">
var mapa;
var dymek = new google.maps.InfoWindow();
function dodajMarker(lat,lng,txt)
{
var opcjeMarkera =
{
position: new google.maps.LatLng(lat,lng),
map: mapa
}
var marker = new google.maps.Marker(opcjeMarkera);
marker.txt=txt;
google.maps.event.addListener(marker,"click",function()
{
dymek.setContent(marker.txt);
dymek.open(mapa,marker);
});
return marker;
}
function mapaStart()
{
var wspolrzedne = new google.maps.LatLng(53.940063, 19.690704);
var opcjeMapy = {
zoom: 5,
center: wspolrzedne,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy);
var marker1 = dodajMarker(56.223239, 19.646635,'
<strong>A
</strong><br />opis
<br /><a href="link">link
</a>');
var marker2 = dodajMarker(47.8594114,14.7569317,'
<strong>B
</strong><br />opis
<br /><a href="link"">link
</a>');
google.maps.event.trigger(marker1,'click');
}
<div id="mapka" style="width: 900px; height: 370px; border: 1px solid black; background: gray;">