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&v=2&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.