Google térképek beépítése weboldalakra

Default book

Nem régen megtaláltak azzal, hogy kellene egy weboldalon egy Google térkép, ami megmutat bizonyos koordinátájú helyeket egy térképen.

Ilyenkor a Goggle Maps a Te barátod. Hogyan kell? A Google Maps rendelkezik egy javascript alapú API-val, amit egyszerűen fel kell programozni és már készen is van a térkép.

1. először is kell egy Google kulcs, amihez kell Google fiók. Ezt ingyenesen lehet igényelni. Ez valami ilyesmi szám és a honlapot egyedileg azonosítja (Ez az én kulcsom, több helyen módosítva, tehát érvénytelen)

"ABQIAAAAGYys8gy7LYwCqnN4mHafQBQZlMLlxp-1cyKFtdK-_cIr3OnfpxRyepTPDZb4gdtqZwT4_MPUl6rArg"

2. Be kell építeni az alábbi javascript kódot:

<script 
type="text/javascript"
 
  src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQI8qy7LkYwéCzqMN4mHFtbK"></script>
<script type="text/javascript">
var la; 
var ph; 
function load() 
{ 
   if (GBrowserIsCompatible()) {
      //Ez a három sor a php segítségével áll elő 
      var Lambda = 19.0506; 
      var Phi = 47.4706; 
      var zoom = 15;
      var map = new GMap2(document.getelementById("map"));
      var point = new GLatLng(Phi,Lambda);
      map.addControl(new GSmallMapControl()); // Nagyítás beállítása
      map.addControl(new GMapTypeControl()); //Térkép típus átváltása 
      //A középpont beállítása
      map.setCenter(point, zoom);
      map.enableDoubleClickZoom(); //Duplaklikkre zoomolhatunk
      map.addOverlay(new GMarker(point)); //Marker kirakása

      var p;
      var center = 0;
      for(var i = 0; i< le;i++){
          p = new GLatLng(tt[i][0],tt[i][1]) ;
          map.addOverlay(new GMarker(p) ); //Marker kirakása
      } 
   }
}
</script>

A body tagben pedig be kell hívni az onload eseményre a load() függvényt és az unload eseményre a GUnload() függvényt.

Hogyan adom át a szerver oldalról a paramétereket?

A szerver oldalon a PHP kód valahogy így néz ki:

print("        var Lambda  = ".$Lambda.";\n");
print("        var Phi     = ".$Phi.";\n");
print("        var zoom    = ".$zoom.";\n");

A $Lambda, $Phi és a $zoom változók értékét például adatbázisból lehet elővenni.