28 Květen 2007 |
| 2,692 zobrazení | 
Pokud se Vám líbí služba Google Maps – http://maps.google.com a chtěli byste si integrovat jen mapu do vašich stránek, pak zde najdete postup jak toho dosáhnout. Google nabízí tuto službu zdarma, pomocí JavaScriptu.
Jako první krok musíte získat API klíč, ten vám dovolí zobrazit mapu právě na vašich stránkách.
API Klíč získáte zde – http://www.google.com/apis/maps/signup.html
Po zadání se vám vygeneruje API klíč a ukázková stránka.
Použití API klíče – vložit mezi <head></HEAD>:
<script src=“http://maps.google.com/maps?file=api&v=2&
key=API – KLÍČ“ type=“text/javascript“></script>
Pak už můžeme začít tvořit mapu:
<script type=“text/javascript“>
//< ![CDATA[
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(27.793743, -15.728539), 15);
map.setMapType(G_SATELLITE_MAP );
}
//]]>
</script>
map.addControl – vytvoří ovládání mapy – zvětšování a přepínání mezi satelitním zobrazením, mapou anebo obojím. Pokud nechcete mít po stranách ovládací prvky, tyto dva řádky smažte.
map.setCenter – střed zobrazení, souřadnice získáte např. v Google Earth a stupeň přiblížení / zoom / 1-20. Jednička je celá zeměkoule a 20 je maximální přiblížení.
map.setMapType – typ mapy, satelitní, mapa, obojí.
Na závěr v místě kde chceme mapu zobrazit vložíme tento kód:
<div id=“map“ style=“width: 500px; height: 350px“>Nahravam …..</div>
Rozměry si upravte podle sebe.
A to je vše, pro začátek. Příště se podíváme podrobněji na různé volby a vkládání bodů, ikonek a textových bublin, jako vidíte na ukázce.
