Ikony do Google Maps

Dodatkowe zestawy ikon
Zestaw pal2
Zestaw pal3
Zestaw pal4
Zestaw pal5

Ikony do Google Maps PAL2

Na serwerze Google znajdują się przykłady ikon do stosowania z mapami. Każda ikona ma swój odpowiednik w postaci 'cienia'. W tabeli przedstawiono gotowy do skopiowania kod definiujący ikony. Należy go umieścić w kodzie mapy tak jak to przedstawiono w poniższym przykładzie (linie 10,11,12). Ikon może być wiele i dla każdej z nich trzeba określić indywidualną nazwę (zmienna ikona)

PRZYKŁAD 16 - przykład pochodzi z serwisu: http://www.econym.demon.co.uk/googlemaps

.
 .
 //definicja ikon
 var baseIcon = new GIcon();
           baseIcon.iconSize=new GSize(32,32);
           baseIcon.shadowSize=new GSize(56,32);
           baseIcon.iconAnchor=new GPoint(16,32);
           baseIcon.infoWindowAnchor=new GPoint(16,0);
           
       var martini = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal2/icon27.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon27s.png");
       var plane   = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal2/icon56.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon56s.png");
       var pushpin = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal5/icon14.png", null, "http://maps.google.com/mapfiles/kml/pal5/icon14s.png");
 .
 .
 .
 //wyświetlenie ikon
 var point = new GLatLng(43.65654,-79.90138);
       var marker = createMarker(point,'<div style="width:240px">Some stuff to display in the First Info Window. With a <a href="http://www.econym.demon.co.uk">Link</a> to my home page</div>', martini)
       map.addOverlay(marker);
 
       var point = new GLatLng(43.91892,-78.89231);
       var marker = createMarker(point,'Some stuff to display in the<br>Second Info Window', plane)
       map.addOverlay(marker);
 
       var point = new GLatLng(43.82589,-79.10040);
       var marker = createMarker(point,'Some stuff to display in the<br>Third Info Window', pushpin)
       map.addOverlay(marker);
 .
 .

Informacja Przykłady na tej stronie oparto na kodzie z dokumentacji Google Maps API opracowanej przez firmę Google.

Zestaw PAL2

plik	ikona	kod do wklejenia
icon0.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon0.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon0s.png');
icon1.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon1.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon1s.png');
icon2.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon2.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon2s.png');
icon3.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon3.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon3s.png');
icon4.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon4.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon4s.png');
icon5.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon5.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon5s.png');
icon6.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon6.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon6s.png');
icon7.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon7.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon7s.png');
icon8.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon8.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon8s.png');
icon9.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon9.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon9s.png');
icon10.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon10.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon10s.png');
icon11.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon11.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon11s.png');
icon12.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon12.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon12s.png');
icon13.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon13.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon13s.png');
icon14.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon14.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon14s.png');
icon15.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon15.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon15s.png');
icon16.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon16.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon16s.png');
icon17.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon17.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon17s.png');
icon18.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon18.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon18s.png');
icon19.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon19.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon19s.png');
icon20.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon20.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon20s.png');
icon21.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon21.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon21s.png');
icon22.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon22.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon22s.png');
icon23.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon23.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon23s.png');
icon24.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon24.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon24s.png');
icon25.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon25.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon25s.png');
icon26.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon26.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon26s.png');
icon27.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon27.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon27s.png');
icon28.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon28.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon28s.png');
icon29.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon29.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon29s.png');
icon30.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon30.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon30s.png');
icon31.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon31.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon31s.png');
icon32.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon32.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon32s.png');
icon33.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon33.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon33s.png');
icon34.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon34.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon34s.png');
icon35.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon35.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon35s.png');
icon36.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon36.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon36s.png');
icon37.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon37.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon37s.png');
icon38.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon38.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon38s.png');
icon39.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon39.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon39s.png');
icon40.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon40.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon40s.png');
icon41.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon41.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon41s.png');
icon42.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon42.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon42s.png');
icon43.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon43.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon43s.png');
icon44.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon44.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon44s.png');
icon45.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon45.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon45s.png');
icon46.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon46.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon46s.png');
icon47.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon47.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon47s.png');
icon48.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon48.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon48s.png');
icon49.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon49.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon49s.png');
icon50.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon50.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon50s.png');
icon51.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon51.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon51s.png');
icon52.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon52.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon52s.png');
icon53.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon53.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon53s.png');
icon54.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon54.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon54s.png');
icon55.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon55.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon55s.png');
icon56.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon56.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon56s.png');
icon57.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon57.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon57s.png');
icon58.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon58.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon58s.png');
icon59.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon59.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon59s.png');
icon60.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon60.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon60s.png');
icon61.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon61.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon61s.png');
icon62.png		var ikona = new GIcon(baseIcon, 'http://maps.google.com/mapfiles/kml/pal2/icon62.png', null, 'http://maps.google.com/mapfiles/kml/pal2/icon62s.png');

Reklama
To miejsce dla Ciebie