GoldenLine
Zaloguj się

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
Link do wypowiedziLink
Piotr Ż.

Piotr Ż. Director of UX EMEA

Temat: Zmiana ikonek na mapce googlemaps

Łukasz Wójcik:
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ć?


ale co ... google wyzdychały?

http://code.google.com/apis/maps/documentation/javascr...
Link do wypowiedziLink

konto usunięte

Temat: Zmiana ikonek na mapce googlemaps

tzn wiem że trzeba dać coś takiego żeby ustanowić ikonki:


var new_icon = new GIcon(); 

new_icon.image = "http://myname.pl/a.png";  

new_icon.size = new GSize(16,16);  

new_icon.iconAnchor = new GPoint(8,9);  

new_icon.infoWindowAnchor = new GPoint(7,7);

 

var new_icon2 = new GIcon(); 

new_icon2.image = "http://myname.pl/b.png";  

new_icon2.size = new GSize(16,16);  

new_icon2.iconAnchor = new GPoint(8,9);  

new_icon2.infoWindowAnchor = new GPoint(7,7);


tylko nie wiem jak to "złączyć" z tym moim kodem :-(
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

GoogleMaps - zmiana ikonki




Wyślij zaproszenie do
Anuluj