﻿ //酒店列表
 var markers=new Array();
//会馆列表
 var array=new Array();
 //会馆项目
 var array_item=new Array();
  var array_item2=new Array();
 var map;
 function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        //在此处添加默认地方 
        map.setCenter(option,level);
        map.setUIToDefault();

        // 为所有标记创建指定阴影、图标尺寸灯的基础图标
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.cn/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);

        // 创建信息窗口显示对应给定索引的字母的标记
        function createMarker(point, index) {
          // Create a lettered icon for this point using our icon class
          //var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "images/" + index + ".gif";
          // 设置 GMarkerOptions 对象
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);
          GEvent.addListener(marker, "click", function() {
          
           /*str_Html*/
         
       debugger
        var box_StartTarget="<div id='sam_box'>";
        var sam_img="<div class='sam_img'><a href='"+markers[index][2]+"' target='_blank'><img src='"+markers[index][4]+"' /></a></div>";
        var sam_title="<div class='sam_title'><a href='"+markers[index][2]+"' target='_blank'>"+markers[index][1]+"</a>	</div>";
		var sam_star="<div class='sam_star'><img src='images/"+markers[index][0]+"star.gif' /></div>";
		var sam_detail="<div class='sam_detail'><a href='"+markers[index][2]+"' target='_blank'>Details</a></div>";
        var sam_book="<div class='sam_book'><a href='"+markers[index][3]+"' target='_blank'>Book this Hotel</a></div>";
        var box_EndTarget=" </div>";
        var str_Html=box_StartTarget+sam_img+sam_title+sam_star+sam_detail+sam_book+box_EndTarget;
        function LoadDiv()
        {
            document.getElementById("main").innerHTML=str_Html;
        }
 
           
           //如要在标记框内扩展 请在 str_Html 追加信息 
            /*str_Html*/
            marker.openInfoWindowHtml(str_Html);
          });
          return marker;
        }
        //将设置好的地区或酒店添加标记     
        for (var i = 1; i < markers.length; i++) {
          var latlng = new GLatLng(markers[i][5],markers[i][6]);
          map.addOverlay(createMarker(latlng, i));
        }
        
        //start ----- 会馆 -----
        var baseIconA = new GIcon();
        baseIconA.shadow = "hrc_map-img/shadow50.png";
        baseIconA.iconSize = new GSize(50, 50);
        baseIconA.shadowSize = new GSize(37, 34);
        baseIconA.iconAnchor = new GPoint(9, 34);
        baseIconA.infoWindowAnchor = new GPoint(9, 2);
        baseIconA.infoShadowAnchor = new GPoint(18, 25);
        
        function createMarkerA(point,index) {
          // Create a lettered icon for this point using our icon class
          //var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var letteredIcon = new GIcon(baseIconA);
          letteredIcon.image = "images_map/"+array[index][3]+".gif";
          // 设置 GMarkerOptions 对象
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);
          GEvent.addListener(marker, "click", function() {
          
           /*str_Html*/

           var str_Html="<div  class=sam_sport_div>"+array[index][0]+"</div>"
		   
           //添加项目
		   str_Html+="<table class=sam_sport_table  cellspacing=0><tr>";
		   if((array_item2.length-1)>=index)
           {
		      for(var s=0;s<array_item2[index].length;s++)
              {
                  str_Html+="<td><img src=images/asian/"+array_item2[index][s]+".gif /></td>";
              }
            }
		   str_Html+="</tr><tr>"
		   if((array_item.length-1)>=index)
           {
              for(var j=0;j<array_item[index].length;j++)
              {
                   str_Html+="<td>"+array_item[index][j]+"</td>";
              }
           }
		   str_Html+="</tr></table>"
           //如要在标记框内扩展 请在 str_Html 追加信息 
            /*str_Html*/
            marker.openInfoWindowHtml(str_Html);
          });
          return marker;
        }
         //设置会展标签
        for (var i = 0; i < array.length; i++) {
          var latlng = new GLatLng(array[i][1],array[i][2]);
          map.addOverlay(createMarkerA(latlng,i));
        }
        //end  ------ 展会 -----
      }
    }