Mapa Google

Mapa Google jak zastosować na stronie

Witam dzisiaj pokażę w jaki sposób umieścic maps google na dowolnej stronie.Do dzieła.W sekcji head strony umieszczamy linki do plików js link do pobrania ich podam na końcu artykułu

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mapsta.min.js"></script>
<script type="text/javascript" src="js/jquery.mapsta.js"></script>

 Następnie tworzymymiejsce w którym ma ukazac się nasza mapa ja wybrałem taką opcję:

<!--wstawiamy mapę jeden bez markera-->
    <div id="mapa"> </div>

<!--wstawiamy mape z markerem-->
    <div id="mapa2"></div>

 Do znacznika id mapa i mapa2 przypiszemy teraz w javascript odpowiednie funkcje które umieszczamy również w sekcji head:

<!--pokazujemy mapę w opcji "bez markera"-->
<script type="text/javascript">

    $(function(){

        $('#mapa').mapsta({
            pozycjas: 53.759533,
            pozycjad: 19.198737
        });

    });

</script>
<!--pokazujemy mapę w opcji z markerem-->
<script type="text/javascript">

    $(function(){

        $('#mapa2').mapsta({
            pozycjas: 53.759533,
            pozycjad: 19.198737,
            tytul: 'Tytuł markera',
            opis: '<h2>Prabuty</h2><p>Biedronka w Prabutach</p>',
            nawigacja: 'tak',
            typ: 'satelita'
        });

    });

</script>
<!--koniec js-->

Liczby :pozycjas: 53.759533, pozycjad: 19.198737 .To pozycje punktów na mapie które znajdują się w każdym pobieranym kodzie mapy z google maps
Wszystki opcje dodatku do zastosowania
pozycjas: --- szerokość geograficzna
pozycjad: ---długość geograficzna
zoom: --- powiększenie mapy cyfry od 1 (domyślnie 18)
nawigacja: --- tak/nie - menu nawigacyjne na mapie
typ:  --- rodzaj mapy: mapa, teren, satelita, hybryda
chmurka: --- otwarta/zamknieta - stan chmurki po wczytaniu mapy (domyślnie zamknięta), bez markera zawsze otwarta
opis: --- zawartość chmurki - kod html
szerokosc: --- maksymalna szerokość chmurki
tytul: --- tytuł markera po najechaniu (tak jak title przy linku)
marker: --- tak/nie pokazanie markera

Przydatne linki:
    Google Maps V3 – podstawy
    Google Maps V3 – tutoriale
    Google Maps V3 – przykłady
    Google Maps V3 – dema
    Przydatne narzędzie do testowania kodów API