Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP] problem z mapą google
Forum PHP.pl > Forum > Przedszkole
pomek2
10.08.2013, 14:57:42
Witam wszystkich zainstalowałem skrypt który zakupiłem jakiś czas temu okazało się jednak że moduł mapy google jest za stary i nie funkcjonuje już prawidłowo,
obecnie mapa nie wymaga już api key poniżej kod źródłowy:

[PHP] pobierz, plaintext 
  1.  
  2.  
  3.  
  4.  <?
  5.  $nazwa=$_GET['nazwaf'];
  6.  $ulica=$_GET['ulica'] ;
  7.  $kod=$_GET['kod'];
  8.  $miasto=$_GET['miasto'];
  9.  
  10.  ?>
  11. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
  12.     'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
  13. <html xmlns='http://www.w3.org/1999/xhtml'>
  14.     <head>
  15.         <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
  16.         <title><? echo "$nazwaf,$miasto,$ulica,$kod";?></title>
  17. 		<script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdxUZYcpUhb2J317NEc3hCBSuyxM8BR3FkzooLPIZllYVcMHZTRTUH6Fihs22ciyU
    lZZUiVg_XaV1RQ' type='text/javascript'></script>
  18.     </head>
  19.     <body onload='mapaStart()' onunload='GUnload()'>
  20. 	<script type='text/javascript'>
  21. 	<!--
  22. 		// zmienne globalne
  23. 		var geo;
  24. 		var mapa;
  25.  
  26. 		function mapaStart()
  27. 		{
  28. 			if(GBrowserIsCompatible())
  29. 			{
  30. 				mapa = new GMap2(document.getElementById("mapka"),{mapTypes: [G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP]});
  31.  
  32.  
  33. 				// kontrolki mapy
  34. 				mapa.addControl(new GLargeMapControl());
  35. 				var typyMapy = mapa.getMapTypes();
  36. 				typyMapy[0].getName= function() { return "Mapa";}
  37. 				typyMapy[1].getName = function() { return "Satelita";}
  38. 				typyMapy[2].getName = function() { return "Hybryda";}
  39. 				mapa.addControl(new GMapTypeControl());
  40. 				mapa.addControl(new GOverviewMapControl());
  41. 				mapa.addControl(new GScaleControl());
  42.  
  43. 				// nowy obiekt do geokodowania
  44. 			    geo = new GClientGeocoder();
  45. 				var adres='<? echo $miasto;?>, <? echo $ulica;?>';
  46. 				geo.getLatLng(adres,function(punkt)
  47. 				{
  48. 					if (!punkt)
  49. 					{
  50. 						// jeli punkt nie istnieje, to adres nie zosta znaleziony
  51. 						alert(adres + " nie zosta znaleziony!");
  52. 					}
  53. 					else
  54. 					{
  55. 						// centrujemy na znalezionym punkcie
  56. 						mapa.setCenter(punkt, 15);
  57.  
  58. 						// dodajemy w tym miejscu marker
  59. 						var ikona = new GIcon();
  60. 						ikona.image='http://maps.google.com/mapfiles/kml/pal3/icon52.png';
  61. 						ikona.shadow='';
  62. 						ikona.iconSize=new GSize(32,32);
  63. 						ikona.iconAnchor=new GPoint(16,16);
  64. 						ikona.infoWindowAnchor=new GPoint(16,16);
  65.  
  66. 						var marker = new GMarker(punkt,{icon: ikona, title: adres});
  67. 						mapa.addOverlay(marker);
  68.  
  69. 						// i otwieramy dymek z adresem
  70. 						marker.openInfoWindowHtml('<strong><? echo "$nazwaf;"?></strong><br />'+adres);
  71. 					}
  72. 				});
  73. 			}
  74. 		}
  75. 	-->
  76. 	</script>
  77. 	<div id='mapka' style='width: 700px; height: 500px; border: 1px solid black; background: gray;'>
  78. 	<!-- tu bdzie mapa -->
  79.  
  80. 	</div>
  81.     </body>
  82. </html>
  83.  
  84.  
  85.  
[PHP] pobierz, plaintext


prosze o wskazówki co zrobić aby działać zaczeło
lobopol
10.08.2013, 15:09:02
opisz dokładnie co jest nie tak, bo na razie to nic nie sprecyzowałeś, zerknij również w konsole błędów js
pomek2
10.08.2013, 15:22:51
Dziękuję za odpowiedź już precyzuje, otóż skrypt był wcześniej na innej domenie, przeniosłem go na kolejną, więc api key rzecz jasna już nie będzie działał na nowej,
jednak google wprowadził wersję map v3 gdezie klucz juz nie jest potrzebny więc nie uzyskam nowego bo już zaprzestali generować klucze do poprzednich wersji.
poniżej przykład mapy v3:

[PHP] pobierz, plaintext 
  1.  
  2. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'      
  3.     'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>      
  4. <html xmlns="http://www.w3.org/1999/xhtml">      
  5.     <head>      
  6.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      
  7.         <style type="text/css" media="all">@import "/style/Przyklad.css";</style>
  8.         <title>Pierwsza strona</title>      
  9.         <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>    
  10.     </head>      
  11.     <body onload="mapaStart()">      
  12.         <script type="text/javascript">   
  13.         function mapaStart()   
  14.         {   
  15.             var wspolrzedne = new google.maps.LatLng(53.41935400090768,14.58160400390625);
  16.             var opcjeMapy = {
  17.               zoom: 10,
  18.               center: wspolrzedne,
  19.               mapTypeId: google.maps.MapTypeId.ROADMAP
  20.             };
  21.             var mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 
  22.         }   
  23.         </script>   
  24.         <div id="mapka" style="width: 700px; height: 500px; border: 1px solid black; background: gray;">   
  25.         <!-- tu będzie mapa -->  
  26.         </div>   
  27.         <p id="info">
  28.             Oto pierwsza mapa, stworzona za pomocą Google Maps API v3
  29.         </p>
  30.     </body>      
  31. </html>   
[PHP] pobierz, plaintext


spędziłem już sporo czasu na przeglądaniu poradników, ale nic konkretnego nie mogę znaleźć, będę wdzięczny za wskazówki bo obecnie mapa nie działa w skrypcie
lobopol
10.08.2013, 15:46:41
https://developers.google.com/maps/document...ap-simple?hl=pl działający przykład
pomek2
10.08.2013, 16:28:52
Dziękuję problem rozwiązany
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.