google maps api 作者:围城

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

<script type="text/javascript">// <![CDATA[

(function(googleMap){

/*

    编写:围城(solq)

    bolg:http://cnblogs.com/solq
　　 demo : http://solq.sinaapp.com/googlemaps

    日期:2011-11-27

    /////////////////////////////////////////////////////////////////////////

    方法说明

    

    init:    初始化

    getMap:    获取map 资源

    latLng: 设置地图坐标

    click :    地图点击事件 

    zoom:    地图缩放事件

    

    marKer    :    在坐标加标识 如小图标,title

    infoWindow: 提示信息 tip

    close    : 关闭 infoWindow

    

    ps: 如何查找 google 地图的坐标

    搜索后，将目标设置为中心，然后在浏览器输入

    javascript:void(prompt('',gApplication.getMap().getCenter()));

*/



    var GoogleMaps={

        'init':function(dom,option)

        {

            var option=option || {

                zoom: 16,

                center: this.latLng(23.13356238514348, 113.3354651927948),

                mapTypeId: googleMap.MapTypeId.ROADMAP

            };

            /*

                G_NORMAL_MAP- 默认视图

                G_SATELLITE_MAP - 显示 Google 地球卫星图像

                G_HYBRID_MAP - 混合显示普通视图和卫星视图

                G_DEFAULT_MAP_TYPES - 这三个类型的数组，在需要重复处理的情况下非常有用

                

                ROADMAP

                SATELLITE

                HYBRID

                TERRAIN

            */

            this.map=new googleMap.Map(dom,option);

            return this;

        },

        'getMap':function()

        {

            return this.map;

        },

        'latLng':function(x,y)

        {            

            return new googleMap.LatLng(x,y);    

        },

        'click':function(fn,map)

        {            

            googleMap.event.addListener(map || this.map,'click',fn);

            return this;

        },

        'zoom':function(fn,map)

        {            

            googleMap.event.addListener(map || this.map,'zoom_changed',fn);

            return this;

        },

        'marKer':function(option)

        {                    

            return this.marker=new googleMap.Marker(option || 

            {

                position:this.latLng(23.13356238514348, 113.3354651927948),

                map: this.map,

                title:"xxxxxxxxxxxxxxxxxxxxx"

                //icon: "images/dot/xxx"

            });    

        },

        'infoWindow':function(msg,map,marker)

        {

            var tip=new googleMap.InfoWindow({

                  content:msg

                });

                tip.open( (map || this.map ), (marker || this.marker ) );    



            setTimeout(function(){tip.close();},5000); //5秒后自动关闭

            return tip;

        },

        'close':function(infoWindow)

        {            

            if(infoWindow)

                infoWindow.close();

            return this;

        },

        'test':function()

        {            

            var marKer=this.marKer();

        

            $this=this;            

            this.click(function(){                

                var content= '<div class="alerts"><span>哈哈</span><br/><img src=images/b.jpg width=340/><br/>地址：广州天河xxx<br/> qq: 360174425</div>'  

                var t=$this.infoWindow(content,$this.map,marKer);

                //console.log(t);

                //console.log($this.map);

                

            },marKer);

            

            return this;

        }//还有好多api 侍续

    };    

    window.GoogleMaps=GoogleMaps;

})(google.maps);



window.onload=function()

{



    var dom=$$("map_canvas");

    GoogleMaps

        .init(dom)

        .click(function(event){    

                //alert(event.latLng.lat());//纬度

                //alert(event.latLng.lng());//经度

            })

        .test();

}

function $$(o){return document.getElementById(o);}

// ]]></script>