Skocz do zawartości

JS i pytanie o mapy Google


jaclaw

Rekomendowane odpowiedzi

Jako że jestem zupełnie zielony w tych tematach pytam na początek o pewnie banalną rzecz. Jak zmodyfikować ten przykład by dymki pokazywały się nad każdym z trzech znaczników od razu?

Jedyne co przychodziło mi do głowy to dopisać linijki:

google.maps.event.trigger(marker2,'click');
google.maps.event.trigger(marker3,'click');

ale gdyby działało to bym tu nie pytał ;)

Drukarka przestaje już drukować? Kup tusze i tonery na inkhouse.pl !

Odnośnik do komentarza
Udostępnij na innych stronach

Do każdego markera musi być tworzony osobny dymek. W tym powyższym przykładzie wszystkie markery korzystają z jednego obiektu, do wyświetlania dymku. Kod JS do wyświetlania kilku dymków na raz wygląda tak:

<script type="text/javascript">

	var mapa;
	var markers = new Object();

	function dodajMarker(lat,lng,txt)
	{
		// tworzymy marker
		var opcjeMarkera =
		{
			position: new google.maps.LatLng(lat,lng),
			map: mapa
		}
		var marker = new google.maps.Marker(opcjeMarkera);
		marker.txt=txt;
		var infowindow = new google.maps.InfoWindow();

		google.maps.event.addListener(marker,"click",function()
		{
			infowindow.setContent(marker.txt);
			infowindow.open(mapa,marker);
		});

		return {
			marker: marker,
			infowindow: infowindow
		};
	}

	function mapaStart()
	{
		var wspolrzedne = new google.maps.LatLng(53.434185236286325,14.512596130371094);
		var opcjeMapy = {
			zoom: 13,
			center: wspolrzedne,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy);
		markers[0] = dodajMarker(53.439068183003684,14.518346786499023,'<strong>Uniwersytet Szczeciński</strong><br />Wydział Nauk Ekonomicznych i Zarządzania<br /><a href="https://www.wneiz.pl">www.wneiz.pl</a>');
		markers[1] = dodajMarker(53.42235902258507,14.489099979400635,'<strong>Gimnazjum nr 20</strong><br /><a href="https://www.gm20.szczecin.pl">www.gm20.szczecin.pl</a>');
		markers[2] = dodajMarker(53.429570208134976,14.537014961242676,'<strong>I Liceum Ogólnokształcące</strong><br />im. Marii Curie Skłodowskiej<br /><a href="https://www.lo1.szczecin.pl">www.lo1.szczecin.pl</a>');
		google.maps.event.trigger(markers[0]['marker'],'click');
		google.maps.event.trigger(markers[1]['marker'],'click');
		google.maps.event.trigger(markers[2]['marker'],'click');
	}
</script>
Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności