//创建全局map
var map
 //地标数组
    var markers_array = new Array();
//创建一个在售GIcon
var myIcon = new GIcon(G_DEFAULT_ICON, "http://www.google.com/mapfiles/marker.png");

/**
 * 创建相应项目图标
 */
function icon(img) {
    var ico = new GIcon();
    //前景图片
    ico.image = img;
    //前景图片大小，长x宽
    ico.iconSize = new GSize(32, 32);
    // salingIcon锚定点相对于salingIcon图片左上角的像素距离
    ico.iconAnchor = new GPoint(6, 10);
    //信息窗口相对于myIcon图片左上角的像素距离
    ico.infoWindowAnchor = new GPoint(5, 1);
    return  ico;
}


function load(id) {
    //检查浏览器兼容性
    if (GBrowserIsCompatible()) {
        //创建GMap2对象
        map = new GMap2(document.getElementById(id));
        //允许鼠标滚轮放大缩小
        map.enableScrollWheelZoom();
        //允许键盘操作
        var kh = new GKeyboardHandler(map);
        //允许搜索
        // map.enableGoogleBar();

        //显示地图，并设置其中心为中国地图，缩放级别为4
        map.setCenter(new GLatLng(35.31, 104.15), 3);
        //添加相应GControl()控件
        //一个在 Google 地图上使用的3D平移/缩放控件。默认情况下显示在地图的左上角。
        map.addControl(new GSmallMapControl());
        //地图比例尺
        // map.addControl(new GScaleControl());
        //让用户切换地图类型（例如“地图”和“卫星”）的按钮
        map.addControl(new GMapTypeControl());
        //位于屏幕一角的可折叠概览地图
        //map.addControl(new GOverviewMapControl(new GSize(100,100)));
        //监听单击事件
        GDownloadUrl("/servlet/Top10mapServlet", function (doc)
        {
            //解析XML文件
            var xmlDoc = GXml.parse(doc);

            //获取地标节点
            var markers = xmlDoc.documentElement.getElementsByTagName("vip");
            for (var i = 0; i < markers.length; i++)
            {
                //获取经纬度信息
                var id =markers[i].getAttribute("id");
				var name=markers[i].getAttribute("name");
				var lat=markers[i].getAttribute("x");
				var lng=markers[i].getAttribute("y");
                var info = parseFloat(GXml.value(markers[i].getElementsByTagName("info")[0]));
               
                var point = new GLatLng(lat, lng);
               
                //获取客户端信息及地理信息
                var info = "" + name+ "<br />";
                info += "<a href='/storefront/Storefront.jsp?id="+id+"' target='_blank'>点击进入</a>";
				
               

                //创建地标
                var marker = createMarker(point, info, myIcon);


                //存入地标数组
                markers_array.push(marker);
            }

            //创建GMarkerManager
            var mm = new GMarkerManager(map, {borderPadding:1});

            //添加地标数组
            mm.addMarkers(markers_array, 2);

            //显示地标
            mm.refresh();

        }
                );


    }
}
//创建地标并监听点击事件
function createMarker(point, html, icon)
{
    //创建地标
    var marker = new GMarker(point, {icon:icon});
    //以下部分用于监听点击事件
    GEvent.addListener(marker, "click", function()
    {
        marker.openInfoWindowHtml(html);
    }
            );
    return marker;
}