konto usunięte

Temat: Zmiana ikonek na mapce googlemaps

Witam serdecznie,
Mam taki prosty skrypcik do wyświetlania trasy z punktu A do punktu B:

<script type="text/javascript">
var map;
var gdir;
var geocoder = null;
var addressMarker;
function printpage() {
window.print();
}

function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
gdir = new GDirections(map, document.getElementById("directions"));
GEvent.addListener(gdir, "load", onGDirectionsLoad);
GEvent.addListener(gdir, "error", handleErrors);
map.addControl(new GLargeMapControl ());
map.addControl(new GScaleControl());
map.addControl(new GMapTypeControl());

map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.enableScrollWheelZoom();
setDirections("Warszawa, iołka", "Warszawa, maczka", "pl");
}
}

function setDirections(fromAddress, toAddress, locale) {
gdir.load("from: " + fromAddress + " to: " + toAddress,
{ "locale": locale });
}

function handleErrors(){
if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
alert("Nie mozna odnalezc szukanej lokalizacji!");
else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
alert("Nie mozna odnalezc szukanej lokalizacji!");

else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
alert("Nie mozna odnalezc szukanej lokalizacji!");

// else if (gdir.getStatus().code == G_UNAVAILABLE_ADDRESS) <--- Doc bug... this is either not defined, or Doc is wrong
// alert("The geocode for the given address or the route for the given directions query cannot be returned due to legal or contractual reasons.\n Error code: " + gdir.getStatus().code);

else if (gdir.getStatus().code == G_GEO_BAD_KEY)
alert("Nie mozna odnalezc szukanej lokalizacji!");
else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
alert("Nie mozna odnalezc szukanej lokalizacji!");
else alert("An unknown error occurred.");

}

function onGDirectionsLoad(){

}
</script>
</head>
<body onload="initialize()">
<h2>Mapa trasy</h2><br/>
<form action="#" onsubmit="setDirections(this.from.value, this.to.value, this.locale.value); return false">
<small><b>Zalecana forma wprowadzonego adresu:</b> Gdynia, Podgorska 22<br/><br/>
<table>
<tr>
<td>
<th align="right">Wyjazd z: </th>
</td>
<td>
<input type="text" size="55" id="fromAddress" name="from" value="Warszawa, iołka"/>
</td>
</tr>
<tr>
<td>
<th align="right">  Adres docelowy: </th>
</td>
<td>
<input type="text" size="55" id="toAddress" name="to" value="Warszawa, maczka" />
</td>
</tr>
<tr>
<td colspan="3"><input type ="hidden" id="locale" name="locale" value="pl">
<input name="submit" type="submit" value="Pokaż trasę" />
</td></tr>
</table>
</form>
<br/>
<div id="map_canvas" style="width: 95%; height: 400px"></div>
<div id="directions" style="width: 95%"></div>
</body>
</html>


Wszystko pięknie chodzi :) Chciałbym zmienić domyslną ikonke dla punktu A na np. myname.pl/a.png i dla punktu B na myname.pl/b.png...

Wiecie może jak to zrobić?

Z góry dziękuje za pomoc
Łukasz
Krzysztof Z.

Krzysztof Z. Programista PHP/
Webdeveloper

Temat: Zmiana ikonek na mapce googlemaps

w api V3 można to zrobić w banalny sposób:

var marker = new google.maps.Marker(
{
map: mapa,
position: pozycje,
icon: new google.maps.MarkerImage('ikona.png')
}
);


Więc proponuje przejście na V3 i sprawa ułatwiona.

Pozdrawiam.

Następna dyskusja:

GoogleMaps - problem z mark...




Wyślij zaproszenie do