/java-script/

obiektowo mapy google - APIv3

2012-03-26 21:37:48


<script src='"http://maps.google.com/maps/api/js?sensor=false"' type='"text/javascript"'></script>

<div 500px;&quot;="" 610px;="" height:="" id='"mapka"' style='"width:'></div>

<pre>
<script type='"text/javascript"'>// <![CDATA[
    var mapsObj=new Object();
    mapsObj = {
        //deklaracja zmiennych
        mapa:null,
        dymek: new google.maps.InfoWindow(),
        //inicjacja mapy
        initmap: function(){
            var param = {
                zoom: 6,
                center: new google.maps.LatLng(52,19),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            this.mapa = new google.maps.Map(document.getElementById(&quot;mapka&quot;), param);
        },
        //dodawanie markerów
        addmarker: function(_punkt,_title,_message){
            var rozmiar = new google.maps.Size(32,32);
            var rozmiar_cien = new google.maps.Size(59,32);
            var punkt_startowy = new google.maps.Point(0,0);
            var punkt_zaczepienia = new google.maps.Point(16,16);

            var ikona = new google.maps.MarkerImage(&quot;http://maps.google.com/mapfiles/kml/pal2/icon38.png&quot;, rozmiar, punkt_startowy, punkt_zaczepienia);
            var cien = new google.maps.MarkerImage(&quot;http://maps.google.com/mapfiles/kml/pal2/icon38s.png&quot;, rozmiar_cien, punkt_startowy, punkt_zaczepienia);

            var opcjeMarkera ={
                position: _punkt,
                map: this.mapa,
                title: _title,
                clickable: true,
                icon: ikona,
                shadow: cien
            }

            var marker = new google.maps.Marker(opcjeMarkera);
            marker.txt = _message;

            google.maps.event.addListener(marker,&quot;click&quot;,function(){
                mapsObj.dymek.setContent(marker.txt);
                mapsObj.dymek.open(mapsObj.mapa,marker);
            },false);
        }
    }

    //użycie
    mapsObj.initmap();
    mapsObj.addmarker(
        new google.maps.LatLng(53.013751,18.59848),
        'Some awesome title hint',
        'Cloud content <b>???</b>'
    );
// ]]></script>

Pisząc to opierałem się na http://gmapsapi.com/