Főmenü

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

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 ingyensen 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 src="<a href="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAGYys8qy7LYwCqMN4mHaZQBQZlMLyxp-1cyKFtbK-_cIr3OnfpxRyepTPDZb4gdtqZwT4_MPUl6rArg">http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQI8qy7LkYwéCzqMN4mHFtbK</a>"<br /> type="text/javascript"></script>
<br /> <script type="text/javascript">
var la;
var ph;
function load() {
    if (GBrowserIsCompatible()) {<br />         //Ez a három sor a <span class='keyword_link'><a href="http://www.php.net" target="_blank">PHP</a></span> segítségével áll elő
      var Lambda = 19.0506;
      var Phi = 47.4706;
      var zoom = 15;<br />       var map = new GMap2(document.getElementById("map"));<br />       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
 <br />       //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;
  <br />       for(var i = 0; i< le;i++){
          p = new GLatLng(tt[i][0],tt[i][1]) ;
          map.addOverlay(new GMarker(p) ); //Marker kirakása
      }
    }
}<br /> //]]><br /> </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.
 
 
 

Valid XHTML 1.0 Transitional Valid CSS file Link firefox.hu  Del.icio.us bookmarkokat megosztó hálózat pagerank

Design: © 2007-2010 Fábián Zoltán