Mapy Google - problem rozwiązany

[Marek]

W Made Simple moża dwoma różnymi sposobami wstawić mapy Google na stronę.

1 sposób:
- w szablonie strony w head wstawiamy kod: {embed header=true}
- na stronie kod mapy np.: {embed url="mapy.google.pl/........" marginheight="0" marginwidth="0" height="350px"
scrolling="no" width="425px"}

Wada tego sposobu: nie można ustalić wielkości "height" i "width" takiej, jaką chcemy.

2 sposób:
- w panelu CMS-a: Rozszerzenia => TinyMCE => Advanced => Extra configuration => wklejamy tutaj kod:

iframe[src|width|height|name|align]

- Później wklejamy na stronę kod mapy.

Wada: znikają przy edycji strony paski z narzędziami do formatowania.

Czy wiecie może, jak pozbyć się tych wad, czy też nawet tylko jednej z nich?

[Marek]

Znalazłem w necie jeszcze jeden sposób na wstawianie map Google. Likwiduje problemy o których pisałem wcześniej. Jeżeli jesteście zainteresowani, jak wstawić bezproblemowo mapy do MS, to napiszcie.

[requish]

Znalazłem w necie jeszcze jeden sposób na wstawianie map Google. Likwiduje problemy o których pisałem wcześniej. Jeżeli jesteście zainteresowani, jak wstawić bezproblemowo mapy do MS, to napiszcie.

Napisz proszę.

[Marek]

Wstawiona przeze mnie mapa Google zawiera tylko jeden marker.

1. Najpierw musisz się postarać o API key na stronie:
- http://code.google.com/intl/pl-PL/apis/maps/signup.html

2. W szablonie strony w sekcji HEAD dodajesz:

w znacznikach:

Code: Select all

{literal} <__script__ src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=TUTAJ DAJESZ UZYSKANY API KEY" type="text/javascript"></__script> {/literal}

2. Do szablonu strony, do body dodajesz kod, który będzie miał teraz taką postać:

Code: Select all

</__body onload='mapaStart()' onunload='GUnload()'>

3. Na stronie: http://gmapsapi.com/wspolrzedne.php uzyskasz współrzędne dla danego punktu na mapie, który chcesz oznaczyć markerem.

4. Jeżeli chcesz mieć oznaczonych więcej miejsc na mapie odwiedź stronę:  
- http://gmapsapi.com/

3. Na stronie, którą utworzysz w MS dodajesz (oczywiście wcześniej do kodu wprowadzasz współrzędne):

Code: Select all

{literal}<__script__ type="text/javascript"><!--
 
		function mapaStart()
		{
			if(GBrowserIsCompatible())  
			{
				var mapa = new GMap2(document.getElementById('mapka'),{mapTypes: [G_NORMAL_MAP]});
				mapa.enableScrollWheelZoom(); // włączenie zoomu przy pomocy kółka myszy
				mapa.setCenter(new GLatLng(53.2734739, 16.4752847),15); 
				
				
				
				// stworzenie markera
				var punkt  = new GLatLng(współrzędne markera, współrzędne markera);
				var marker = new GMarker(punkt,{title: 'Pierwszy marker'});
				
				
				function dodajMarker(lat,lon,txt)
			{
				// tworzymy marker
				var marker = new GMarker(new GLatLng(lat,lon),{title: txt});
				marker.txt=txt;
				mapa.addOverlay(marker);
				GEvent.addListener(marker,"click",function() {
					marker.openInfoWindowHtml(marker.txt);
				});
				
				return marker;
			}
			
			var marker = dodajMarker(współrzędne markera, współrzędne markera,"Opis markera");
			
				// dodanie pełnego zestawu kontrolek
				mapa.addControl(new GLargeMapControl());
				var typyMapy = mapa.getMapTypes();    
				typyMapy[0].getName= function() { return "Mapa";}
				mapa.addControl(new GMapTypeControl());
				mapa.addControl(new GOverviewMapControl()); 

			}
		}
// --></__script>{/literal} <div id="mapka" style="width: 100%; height: 450px; border: 0px solid #710000; background: gray; margin: 0 auto 0 auto; color: black;"><!-- tu będzie mapa --></div>

I tak masz mapkę, która dostosowuje się do rozdzielczości, jeżeli nie masz "sztywnego" szablonu. Oczywiście sposób wyświetlania mapy może być inny. Powyżej wkleiłem swój ze strony. Możesz go zmienić na podstawie podpowiedzi na stronie:
http://gmapsapi.com/

[aleksanderlech]

A nie prościej skorzystać z modułu?
http://dev.cmsmadesimple.org/projects/cggooglemaps

Pozdrawiam
Olek

[Marek]

A nie prościej skorzystać z modułu?
http://dev.cmsmadesimple.org/projects/cggooglemaps

Pewnie masz rację. Dla mnie jednak ważnym była możliwość ustawienia własnych ikon w markerach oraz fakt, że w każdej chwili mogę do swojej mapy dorzucić dowolną ich ilość. W sumie nie jest to tak skomplikowane. A tak a propo... Jak fajnie jest samemu rozwiązać jakiś problem...