Google Maps API 初级2

转自:http://hi.baidu.com/xfm_zhr/blog/item/7b963d085ac356d663d98648.html

8.       GMarker对象

用于标记地图中的地理位置。指示位置,显示信息都必须依赖与此对象。声明语法:

New GMarker(point, opts);

Point:地标标记的地理位置,GLatLng对象。

Opts:用于自定义的GMarker对象,可省略。

示例代码:

//在此把GLatLng()对象赋值给变量geoPoint0,方便多次使用

        var geoPoint0= new GLatLng(39.92, 116.46);

        map.setCenter(geoPoint0, 2);

       

        //创建GMarker对象

        var marker0 = new GMarker(geoPoint0);

        //在地图上为marker0添加涂层,显示marker0

        map.addOverlay(marker0);

 

自定义GMarker对象

即使用opts参数。一般认为是GmarkerOptions类。实际上是JS中的无名类,可随着API的升级而变化。

//JS无名类

{

       Property1:value1,

       Property2,value2,

       ……

}

典型的自定义GMarker对象示例代码:

        var marker1 = new GMarker(geoPoint1,//创建自定义的GMarker

                                {icon: myIcon,

                                 title: "把鼠标移上来,看看有什么"});

 

GMarker.openInfoWindowHtml(content,opts)

显示GinfoWindow信息。

Content:HTML字符串。

Opts:GinfoWindowOptions对象,可省略。同样是无名类。

GMarker.openInfoWindow(content,opts)

显示GinfoWindow信息。

Content:Dom对象。

Opts:GinfoWindowOptions对象,可省略。同样是无名类。

 

GMarker.openInfoWindowTabsHtml(tabs, opts)

显示多标签的信息窗口。

Tabs:标签信息窗口数组,其中GinfoWindowTab对象使用HTML字符串创建。

Opts:GinfoWindwoOptions对象。可省略。

典型代码:

//创建GInfoWindowTab数组

        var tabs = [new GInfoWindowTab("Tab1", "<div style='width:400px'>This is tab1</div>"),

                new GInfoWindowTab("Tab2", "<div style='width:400px'>This is tab2</div>"),

                new GInfoWindowTab("Tab3", "<div style='width:400px'>This is tab3</div>")];

marker.openInfoWindowTabsHtml(tabs);

 

GMarker.openInfoWindowTabs(tabs , opts)

显示多标签窗口。

Tabs: 标签信息窗口数组,其中GinfoWindowTab对象使用DOM对象创建。

Opts:GinfoWindwoOptions对象。可省略。

 

9.       GIcon对象

描述GoogleMaps上面图标的对象。

典型代码:

    //创建一个自定义的GIcon

    var myIcon= new GIcon();

    //前景图片

    myIcon.image = "http://labs.google.com/ridefinder/images/mm_20_green.png";

    //阴影图片

    myIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";

    //前景图片大小,长x宽

    myIcon.iconSize = new GSize(12, 20);

    //阴影图片大小,长x宽

    myIcon.shadowSize = new GSize(12, 20);   

    //以下两个属性很难解释,读者可自行调整其数值以便理解其意义

    // myIcon锚定点相对于myIcon图片左上角的像素距离

    myIcon.iconAnchor = new GPoint(6, 10);

    //信息窗口相对于myIcon图片左上角的像素距离

    //关于信息窗口会在以后介绍

    myIcon.infoWindowAnchor = new GPoint(5, 1);

 

posted on 2009-12-18 10:46  王培  阅读(337)  评论(0编辑  收藏  举报

导航