- Informatika
- Oktatás
- Web2
- Tudásbázis
- Fotóalbum
- Zene
- Egyéb és vidámság
- Oldaltérkép
- Keresés
Google térképek beépítése weboldalakra
fz, sze, 2009-12-02 07:45
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&v=2&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.














