пропозиції роботи
Agata
Wypij
Student, Wojskowa
Akademia Techniczna
w Warszawie
Temat: jak zmienić ikonke na mapie
tak wygląda mój przykład<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mapa - Agata Wypij</title>
<script src='http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAskA3kyDm631CGf6Rw_GrbBRBRXpdM9jp6G1MF9yLMfWuIYZt2BR5Ltrn1m4MP2hliyyWcC1AqLxZ3A' type='text/javascript'></script>
<style type="text/css">
v\:* {
behavior:url(#default#VML);
}
</style>
</head>
<body onload='mapaStart()' onunload='GUnload()' style='background: #ffff33;'>
<script type='text/javascript'>
<!--
var mapa;
function mapaStart() {
// sprawdzamy, czy przegldarka jest kompatybilna
if(GBrowserIsCompatible()) {
// tworzymy nowy obiekt mapy, i umieszczamy go w elemencie blokowym o ID "mapka"
var mapa = new GMap2(document.getElementById("mapka"));
mapa.enableDoubleClickZoom();
mapa.enableContinuousZoom();
// ustawienia dodatkowych kontrolek
mapa.addControl(new GLargeMapControl());
mapa.addControl(new GMapTypeControl());
mapa.addControl(new GScaleControl());
mapa.addControl(new GOverviewMapControl());
// współrzędne poczatku
// B = 52.8757416, L = 18.8018507
var poczatek = new GLatLng(52.8757416, 18.8018507);
// współrzędne konca
// B = 52.8805071, L = 18.7917334
var koniec = new GLatLng(52.8805071, 18.7917334);
var punkty = [poczatek,koniec];
var polilinia = new GPolyline(punkty,'#33ff00',5,1);
mapa.addOverlay(polilinia);
//współrzędne poczatku
// B = 52.8828185, L = 18.7871468
var poczatekt1 = new GLatLng(52.8828185, 18.7871468);
// współrzędne konca
// B = 52.8881854, L = 18.7845665
var koniect1 = new GLatLng(52.8881854, 18.7845665);
var punkty1 = [poczatekt1,koniect1];
var polilinia = new GPolyline(punkty1,'#996600',5,1);
mapa.addOverlay(polilinia);
// współrzędne poczatku
// B = 52.8886191, L = 18.7836868
var poczatekt2 = new GLatLng(52.8886191, 18.7836868);
// współrzędne konca
// B = 52.8903022, L = 18.7792128
var koniect2 = new GLatLng(52.8903022, 18.7792128);
var punkty2 = [poczatekt2,koniect2];
var polilinia = new GPolyline(punkty2,'#996600',5,1);
mapa.addOverlay(polilinia);
// współrzędne poczatku
// B = 52.8844500, L = 18.7812835
var poczatekt3 = new GLatLng(52.8844500, 18.7812835);
// współrzędne konca
// B = 52.8906064, L = 18.7782687
var koniect3 = new GLatLng(52.8906064, 18.7782687);
var punkty3 = [poczatekt3,koniect3];
var polilinia = new GPolyline(punkty3,'#996600',5,1);
mapa.addOverlay(polilinia);
// dodawanie punktow
mapa.addOverlay(marker0 = new GMarker(new GLatLng(52.87819564102362,18.781793117523193)))
GEvent.addListener(marker0, "click", function() {
marker0.openInfoWindowHtml('<strong>Komisariat Policji</strong><br />ul. Kopernika 24<br /><a href="http://bip.aleksandrowkujawski.kpp.policja.gov.pl/portal/037/5193/6591/KP_Ciechocinek.html">http://policja.gov.pl</a>;')
});
mapa.addOverlay(marker1 = new GMarker(new GLatLng(52.88104453671972,18.788552284240723)))
GEvent.addListener(marker1, "click", function() {
marker1.openInfoWindowHtml('<strong>Dworzec PKP</strong><br />ul. Kopernika 2<br /><a href="http://www.ciechocinek.biz/obiekt.php?nr=94&ref2=%2Fkat30.php">http://ciechocinek.biz</a>;')
});
mapa.addOverlay(marker2 = new GMarker(new GLatLng(52.88042297543984,18.78765106201172)))
GEvent.addListener(marker2, "click", function() {
marker2.openInfoWindowHtml('<strong>Przystanek PKS</strong><br />ul. Kopernika 6<br /><a href="http://www.ciechocinek.biz/obiekt.php?nr=95&ref2=%2Fkat30.php">http://ciechocinek.biz</a>;')
});
mapa.addOverlay(marker3 = new GMarker(new GLatLng(52.88184737351996,18.792951107025146)))
GEvent.addListener(marker3, "click", function() {
marker3.openInfoWindowHtml('<strong>Park Zdrojowy</strong><br /><a href="zd\\ParkZdrojowy1.html">zd\\ParkZdrojowy.html</a><br /><img src=\"zd\\parkZdrojowy.jpg\"/>')
});
mapa.addOverlay(marker4 = new GMarker(new GLatLng(52.88138121202632,18.79134178161621)))
GEvent.addListener(marker4, "click", function() {
marker4.openInfoWindowHtml('<strong>Liceum OgĂłlnoksztaĹcĄce im. StanisĹawa Staszica</strong><br /><a href="http://republika.pl/lociech">http://republika.pl/lociech</a>;')
});
mapa.addOverlay(marker5 = new GMarker(new GLatLng(52.8786877363796,18.795654773712158)))
GEvent.addListener(marker5, "click", function() {
marker5.openInfoWindowHtml('<strong>Deptak</strong><br /><img src=\"zd\\deptak.jpg\"/>')
});
mapa.addOverlay(marker6 = new GMarker(new GLatLng(52.88280557862973,18.791706562042236)))
GEvent.addListener(marker6, "click", function() {
marker6.openInfoWindowHtml('<strong>Poczta')
});
mapa.addOverlay(marker7 = new GMarker(new GLatLng(52.880940943791785,18.792779445648193)))
GEvent.addListener(marker7, "click", function() {
marker7.openInfoWindowHtml('<strong>Fontanna "Grzybek"</strong><br /><img src=\"zd\\grzybek.jpg\"/>')
});
mapa.addOverlay(marker8 = new GMarker(new GLatLng(52.87837693996234,18.792951107025146)))
GEvent.addListener(marker8, "click", function() {
marker8.openInfoWindowHtml('<strong>Ĺazienki</strong><br /><img src=\"zd\\lazienki.jpg\"/>')
});
mapa.addOverlay(marker9 = new GMarker(new GLatLng(52.879153926829105,18.78316640853882)))
GEvent.addListener(marker9, "click", function() {
marker9.openInfoWindowHtml('<strong>szkoĹa podstawowa nr 1</strong><br /><a href="http://www.sp1.ciechocinek.pl/">http://sp1.ciechocinek.pl</a>;')
});
mapa.addOverlay(marker10 = new GMarker(new GLatLng(52.876356708956564,18.80260705947876)))
GEvent.addListener(marker10, "click", function() {
marker10.openInfoWindowHtml('<strong>Park Sosnowy</strong><br /><img src=\"zd\\ParkSosnowy.jpg\"/>')
});
mapa.addOverlay(marker11 = new GMarker(new GLatLng(52.87661571819089,18.806169033050537)))
GEvent.addListener(marker11, "click", function() {
marker11.openInfoWindowHtml('<strong>Publiczne Gimnazjum</strong><br /><a href="http://www.gimciech.republika.pl/">http://gimciech.republika.pl/</a>;')
});
mapa.addOverlay(marker12 = new GMarker(new GLatLng(52.88920170267647,18.782039880752563)))
GEvent.addListener(marker12, "click", function() {
marker12.openInfoWindowHtml('<strong>Tężnie</strong><br /><img src=\"zd\\teznia1.jpg\"/>')
});
mapa.addOverlay(marker13 = new GMarker(new GLatLng(52.88777754619368,18.7796151638031)))
GEvent.addListener(marker13, "click", function() {
marker13.openInfoWindowHtml('<strong>Tężnie</strong><br /><img src=\"zd\\teznia2.jpg\"/>')
});
mapa.addOverlay(marker14 = new GMarker(new GLatLng(52.88507151997806,18.786073923110962)))
GEvent.addListener(marker14, "click", function() {
marker14.openInfoWindowHtml('<strong>Tężnie</strong><br /><img src=\"zd\\teznia3.jpg\"/>')
});
mapa.addOverlay(marker15 = new GMarker(new GLatLng(52.87653801558301,18.787275552749634)))
GEvent.addListener(marker15, "click", function() {
marker15.openInfoWindowHtml('<strong>Apteka Zdrojowa</strong><br />ul. Zdrojowa 44<br /><a href="http://katalogaptek.pl/ciechocinek/apteka-zdrojowa-ciechocinek/">http://katalogaptek.pl')
});
mapa.addOverlay(marker16 = new GMarker(new GLatLng(52.879905000900756,18.7926185131073)))
GEvent.addListener(marker16, "click", function() {
marker16.openInfoWindowHtml('<strong>Apteka im. S.Staszica</strong><br />ul. Armii Krajowej 4<br /><a href="http://katalogaptek.pl/ciechocinek/apteka-im-s-staszica-ciechocinek/">http://katalogaptek.pl')
});
mapa.addOverlay(marker17 = new GMarker(new GLatLng(52.87949061681473,18.786824941635132)))
GEvent.addListener(marker17, "click", function() {
marker17.openInfoWindowHtml('<strong>Apteka Pod Lwem</strong><br />ul. Stolarska 6a<br /><a href="http://katalogaptek.pl/ciechocinek/apteka-pod-lwem-ciechocinek/">http://katalogaptek.pl')
});
mapa.addOverlay(marker18 = new GMarker(new GLatLng(52.880099242077975,18.790665864944458)))
GEvent.addListener(marker18, "click", function() {
marker18.openInfoWindowHtml('<strong>Pizzeria</strong><br />ul. Stolarska 6a<br /><a href="http://katalogaptek.pl/ciechocinek/apteka-pod-lwem-ciechocinek/">http://katalogaptek.pl')
});
mapa.addOverlay(marker19 = new GMarker(new GLatLng(52.87928342328677,18.789979219436646)))
GEvent.addListener(marker19, "click", function() {
marker19.openInfoWindowHtml('<strong>Pizzeria "Neapol"</strong><br />ul. Zdrojowa 18a<br /><a href="http://www.pf.pl/serwis/Restauracja+Pizzeria+%22Neapol%22+Rados%C5%82aw+Latopolski-restauracja+w%C5%82oska------------C10536926_2900B2900T1P0V1_INF.html?nav=P9R10S2">http://pf.pl')
});
mapa.addOverlay(marker20 = new GMarker(new GLatLng(52.880099242077975,18.790665864944458)))
GEvent.addListener(marker20, "click", function() {
marker20.openInfoWindowHtml('<strong>Bar Pizzeria "U Tomaszka"</strong><br />ul. Stolarska 6a<br /><a href="http://www.ciechocinek.pl/index.php?akcja=katalog_zobacz&id_kat=7&id_nr=287">http://ciechocinek.pl')
});
mapa.addOverlay(marker21 = new GMarker(new GLatLng(52.88187327123378,18.789786100387573)))
GEvent.addListener(marker21, "click", function() {
marker21.openInfoWindowHtml('<strong>Pizzeria "Piri Piri"</strong><br />Plac Gdański<br /><a href="http://www.ciechocinek.pl/index.php?akcja=katalog_zobacz&id_kat=7&id_nr=286">http://ciechocinek.pl')
});
mapa.addOverlay(marker22 = new GMarker(new GLatLng(52.87186265250062,18.81008505821228)))
GEvent.addListener(marker22, "click", function() {
marker22.openInfoWindowHtml('<strong>Apteka SĹoneczna</strong><br />Aleja 770- lecia 2<br /><a href="http://katalogaptek.pl/ciechocinek/apteka-sloneczna-ciechocinek/">http://katalogaptek.pl')
});
mapa.addOverlay(marker23 = new GMarker(new GLatLng(52.87495803236151,18.790043592453003)))
GEvent.addListener(marker23, "click", function() {
marker23.openInfoWindowHtml('<strong>Przedszkole nr 2 im. Kubusia Puchatka</strong><br />ul. Wierzbowa 10<br /><a href="http://www.ps2.ciechocinek.pl/">http://ps2.ciechocinek.pl')
});
mapa.addOverlay(marker24 = new GMarker(new GLatLng(52.8862239,18.7868357)))
GEvent.addListener(marker24, "click", function() {
marker24.openInfoWindowHtml('<strong>Park Tężniowy</strong><br /><img src=\"zd\\ParkTezniowy.jpg\"/>')
});
mapa.addOverlay(marker25 = new GMarker(new GLatLng(52.8760200,18.7877154)))
GEvent.addListener(marker25, "click", function() {
marker25.openInfoWindowHtml('<strong>supermarket "Biedronka"</strong><br />ul. Zdrojowa 25<br /><a href="http://www.biedronka.pl/nasza_siec/">http://biedronka.pl')
});
mapa.addOverlay(marker26 = new GMarker(new GLatLng(52.8710467,18.7816644)))
GEvent.addListener(marker26, "click", function() {
marker26.openInfoWindowHtml('<strong>supermarket "Tesco"</strong><br />ul. Bema 34<br /><a href="http://www.tesco.pl/sklepy/index.php">http://tesco.pl')
});
mapa.addOverlay(marker27 = new GMarker(new GLatLng(52.8795424,18.7903118)))
GEvent.addListener(marker27, "click", function() {
marker27.openInfoWindowHtml('<strong>supermarket "Polo - Market"</strong><br />ul. Zdrojowa 18<br /><a href="http://www.polomarket.pl/lokalizacje_id_5.html?s=408">http://polomarket.pl')
});
mapa.addOverlay(marker28 = new GMarker(new GLatLng(52.8796719,18.7970281)))
GEvent.addListener(marker28, "click", function() {
marker28.openInfoWindowHtml('<strong>KoŚciół</strong><br /><img src=\"zd\\kosciol.jpg\"/>')
});
mapa.addOverlay(marker29 = new GMarker(new GLatLng(52.8751393,18.7744546)))
GEvent.addListener(marker29, "click", function() {
marker29.openInfoWindowHtml('<strong>Stacja benzynowa ORLEN</strong><br />ul. Zdrojowa 18<br /><a href="http://www.orlen.pl/PL/DLAKIEROWCOW/ZNAJDZSTACJE/Strony/default.aspx">http://orlen .pl')
});
mapa.addOverlay(marker30 = new GMarker(new GLatLng(52.8824948,18.7937236)))
GEvent.addListener(marker30, "click", function() {
marker30.openInfoWindowHtml('<strong>Muszla Koncertowa</strong><br /><img src=\"zd\\muszla.jpg\"/>')
});
mapa.addOverlay(marker31 = new GMarker(new GLatLng(52.8809668,18.7897539)))
GEvent.addListener(marker31, "click", function() {
marker31.openInfoWindowHtml('<strong>Teatr Letni</strong><br /><img src=\"zd\\teatrLetni.jpg\"/>')
});
// centrujemy mapę, zoom = 14
mapa.setCenter(new GLatLng(52.8770819,18.7962985),14);
}
}
-->
</script>
<center>
<h1>CIECHOCINEK</h1>
<img src="zd\\tez.jpg" style='float: left;'/>
<img src="zd\\Ciechocinek3.jpg" style='float: right;'/>
<div id='mapka' style='width: 700px; height: 500px; border: 1px solid black; background: gray; float: center;' />
</center>
</body>
</html>
W którym miejscu zadeklarować i jak zmienić ikonki dla poszczególnych markerów??
