Jan Nowicki

Student, Uniwersytet Ekonomiczny w Poznaniu

Wypowiedzi

• Wszystko
• Tylko fora

• 
  Wpis na grupie Google Maps w temacie Markery jako linki z własnymi inkonami

  21.08.2010, 19:25

  Witam
  Również jestem początkujący i próbuję szczęścia z APIv3.
  Muszę zrobić mapę z kilkoma markerami - kliknięty marker ma linkować do adresu URL, który ma zostać otwarty w tym samym oknie. Każdy marker ma wskazywać na inny URL. Tak wygląda mój kod:
  
  

  
  
  <script type="text/javascript">   
  
  		<!-- 
  
  			var mapa; // obiekt globalny
  
  					function dodajMarker(opcjeMarkera)
  
  			{
  
  				opcjeMarkera.map = mapa;
  
  				var marker = new google.maps.Marker(opcjeMarkera);
  
  			}
  
  					function mapaStart()  
  
  			{  
  
  				var wspolrzedne = new google.maps.LatLng(54.352394634033885,16.67999267578125);
  
  				var opcjeMapy = {
  
  					zoom: 8,
  
  					center: wspolrzedne,
  
  					mapTypeId: google.maps.MapTypeId.HYBRID,
  
  disableDefaultUI: true,
  
  	mapTypeControl: false,            // kontrolka trybu mapy
  
  	scaleControl: false,               // kontrolka skali
  
  	navigationControl: true,          // kontrolka nawigacji
  
  	navigationControlOptions:
  
  	{
  
  		style: google.maps.NavigationControlStyle.SMALL // w stylu SMALL
  
  	}
  
  
  
  				};
  
  				mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 
  
  						// wspólne cechy ikon
  
  				var rozmiar = new google.maps.Size(20,34);
  
  				var punkt_startowy = new google.maps.Point(0,0);
  
  				var punkt_zaczepienia = new google.maps.Point(10,34);
  
  							// ikonki
  
  				var ikona1 = new google.maps.MarkerImage("http://www.google.com/intl/en_ALL/mapfiles/marker.png", rozmiar, punkt_startowy, punkt_zaczepienia);
  
  							// poczatek definicji markerow
  
  
  
  				dodajMarker({position: new google.maps.LatLng(53.92827929109825,14.444618225097656), title: 'Międzyzdroje', icon: ikona1});
  
  					}  
  
  		-->
  
  		</script>   
  
  		<div id="mapka" style="width: 100%; height: 350px; border: 1px solid black; background: gray;">   
  
  		<!-- tu będzie mapa -->   
  
  		</div>
  
  

  
  
  Proszę o pomoc.