Forum PHP.pl > Google Maps własny marker i dymek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Google Maps własny marker i dymek

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

mtskilla

3.09.2014, 09:53:28

Witam,

Mam problem ze stworzeniem mapy z własnym markerem.
Chodzi o zastąpienie tych standardowych pomarańczowych znaczników własnym.

Będę bardzo wdzięczny za nakierowanie jak w kod mapy poniżej wścibolić kod odpowiedzialny za zmianę znaczników na mój własny.

Z góry dzięki za każdą pomoc i sugestię.

[HTML] pobierz, plaintext 
<head>      
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      
		<style type="text/css" media="all">@import "/style/Przyklad.css";</style>
         <title>Przykład</title>    
        <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>    
    </head>      
    <body onload="mapaStart()">      
		<script type="text/javascript">   
 
		var mapa;
		var dymek = new google.maps.InfoWindow(); 
 
		function dodajMarker(lat,lng,txt)
		{
			var opcjeMarkera =   
			{  
				position: new google.maps.LatLng(lat,lng),  
				map: mapa
			}  
			var marker = new google.maps.Marker(opcjeMarkera);
			marker.txt=txt;
 
			google.maps.event.addListener(marker,"click",function()
			{
				dymek.setContent(marker.txt);
				dymek.open(mapa,marker);
			});
			return marker;
		}
 
		function mapaStart()   
		{   
			var wspolrzedne = new google.maps.LatLng(53.940063, 19.690704);
			var opcjeMapy = {
			  zoom: 5,
			  center: wspolrzedne,
			  mapTypeId: google.maps.MapTypeId.ROADMAP
			};
 
			mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 
 
			var marker1 = dodajMarker(56.223239, 19.646635,'<strong>A</strong><br />opis  <br /><a href="link">link</a>');
			var marker2 = dodajMarker(47.8594114,14.7569317,'<strong>B</strong><br />opis <br /><a href="link"">link</a>');
 
			google.maps.event.trigger(marker1,'click');
		}   
		</script>   
		<div id="mapka" style="width: 900px; height: 370px; border: 1px solid black; background: gray;">   
 
		</div>   
[HTML] pobierz, plaintext

nospor

3.09.2014, 13:29:45

Juz dawno nie siedzialem w google maps, ale kiedys, gdy tez potrzebowalem wlasnych markerow, to bez zadnego problemu niezbędne informacje można bylo znaleźć w dokumentacji google maps. Czemu tam nie zajrzysz?

pitu

3.09.2014, 13:45:15

https://developers.google.com/maps/tutorial.../custom-markers

Kod

var opcjeMarkera =
{
position: new google.maps.LatLng(lat,lng),
map: mapa,
icon: link do markera
}

mtskilla

3.09.2014, 14:42:39

No właśnie sęk w tym, że przeglądałem tą dokumentację i natworzyłem takie cuda i wianki z kodu, a odpowiedź była prostsza niż się to mogło wydawać.
Dzięki wielkie pitu. Pozdrawiam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.