Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Google Maps własny marker i dymek
mtskilla
post
Post #1





Grupa: Zarejestrowani
Postów: 76
Pomógł: 1
Dołączył: 17.01.2007

Ostrzeżenie: (0%)
-----

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 
  1. <head>      
  2.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      
  3. 		<style type="text/css" media="all">@import "/style/Przyklad.css";</style>
  4.          <title>Przykład</title>    
  5.         <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>    
  6.     </head>      
  7.     <body onload="mapaStart()">      
  8. 		<script type="text/javascript">   
  9.  
  10. 		var mapa;
  11. 		var dymek = new google.maps.InfoWindow(); 
  12.  
  13. 		function dodajMarker(lat,lng,txt)
  14. 		{
  15. 			var opcjeMarkera =   
  16. 			{  
  17. 				position: new google.maps.LatLng(lat,lng),  
  18. 				map: mapa
  19. 			}  
  20. 			var marker = new google.maps.Marker(opcjeMarkera);
  21. 			marker.txt=txt;
  22.  
  23. 			google.maps.event.addListener(marker,"click",function()
  24. 			{
  25. 				dymek.setContent(marker.txt);
  26. 				dymek.open(mapa,marker);
  27. 			});
  28. 			return marker;
  29. 		}
  30.  
  31. 		function mapaStart()   
  32. 		{   
  33. 			var wspolrzedne = new google.maps.LatLng(53.940063, 19.690704);
  34. 			var opcjeMapy = {
  35. 			  zoom: 5,
  36. 			  center: wspolrzedne,
  37. 			  mapTypeId: google.maps.MapTypeId.ROADMAP
  38. 			};
  39.  
  40. 			mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 
  41.  
  42. 			var marker1 = dodajMarker(56.223239, 19.646635,'<strong>A</strong><br />opis  <br /><a href="link">link</a>');
  43. 			var marker2 = dodajMarker(47.8594114,14.7569317,'<strong>B</strong><br />opis <br /><a href="link"">link</a>');
  44.  
  45. 			google.maps.event.trigger(marker1,'click');
  46. 		}   
  47. 		</script>   
  48. 		<div id="mapka" style="width: 900px; height: 370px; border: 1px solid black; background: gray;">   
  49.  
  50. 		</div>   
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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?
Go to the top of the page
+Quote Post
pitu
post
Post #3





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

Ostrzeżenie: (0%)
-----

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

Kod
    var opcjeMarkera =
{
position: new google.maps.LatLng(lat,lng),
map: mapa,
icon: link do markera
}
Go to the top of the page
+Quote Post
mtskilla
post
Post #4





Grupa: Zarejestrowani
Postów: 76
Pomógł: 1
Dołączył: 17.01.2007

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 02:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn