 function initialize()
        {
		
          
            
            map = new GMap2(document.getElementById("map-body"));
            mapdiv = document.getElementById("map-body");
            
            map.setCenter(new GLatLng(25.024786,121.549205),zoo);  //要先設定map latlng 和 level
            
            bounds = new GLatLngBounds();
            geocoder = new GClientGeocoder();
            
            map.addControl(new GLargeMapControl());	                //加入地圖縮放工具 //GSmallZoomControl()  ,GLargeMapControl
            //map.addControl(new GMapTypeControl());	                //加入地圖切換的工具
            map.addMapType(G_PHYSICAL_MAP);                         //加入地形圖
            
            map.enableScrollWheelZoom();                            //設定可以用滾輪 zoom in & out
            
            AddMarkers();
        }
        
        function AddNewMarker()
        {
                       
            map.clearOverlays();    //清除圖片上所有的點           
           
            
            ShowPointLocationInfo(map.getCenter());
            
         
        }
        
        function ShowPointLocationInfo(poi)
        {
            //latitude 緯度 longitude 經度
            document.getElementById("txtLat").value = poi.lat(); 
            document.getElementById("txtLng").value = poi.lng();
        }
        
        function CancelAdd()
        {
           
            
            map.clearOverlays();    //清除圖片上所有的點
            
            AddMarkers();
        }
        
        function TriggerMarker(indx)
        {	
			
            GEvent.trigger(gmarkers[indx], "moveover");
			
        }
        
        function AddMarkers()
        {
            if(!points) return;            
           
            gmarkers = new Array();
            
       
            
            for(var i = 0; i < points.length; i++)
            {
					
                bounds.extend(points[i][0]);  					
				map.addOverlay(CreateMarker(points[i][0],points[i][1],points[i][2],points[i][3],points[i][4],points[i][5],points[i][6]));              
                
            }           
          
            map.setZoom(map.getBoundsZoomLevel(bounds));
            map.setCenter(bounds.getCenter(),zoo);
        }
		
		
		function mapset(title,CLYname,PK,score,pic,position)
		{
			 var pic_="圖檔準備中";
			 if (pic!=""){pic_="<img src='http://img.web66.com.tw"+pic+"' width='74' resize='74' />"}
			 var WindowHtml="<table border='0' cellpadding='0' cellspacing='0' width='230' align='left'><tr><td width='74' style='border:1px solid #DDDDDD; font-family:Arial; font-size:11px; color:#999999' align='center' valign='middle'>"+pic_+"</td><td style='padding-left:10px;' valign='top'><div style='line-height:16px;font-family:Arial; font-size:13px;'><img src='http://www.web66.com.tw/web66/PU/star/star5.gif' border='0'/>&#160;<b><font color='#FB3D03' style='position:relative; top:-2'>"+score+"</fot></b></div><div style='line-height:16px;font-family:Arial; font-size:13px; letter-spacing:1px;padding-bottom:3px;padding-top:5px'><a href='/web/Blog?MID="+PK+"' style='text-decoration:none; color:#0F83D2;'>"+title+"</a></div><div style='font-family:Arial; font-size:12px; letter-spacing:1px; line-height:18px; color:#666666'><font color='#999999'>位置：</font>"+CLYname+"</div><div style='line-height:18px;font-family:Arial; font-size:12px; letter-spacing:1px; '><img src='/web66/PU/Map/icon_map.gif' align='absmiddle' border='0' />&#160;<a href='/web/Blog?MID="+PK+"' style='text-decoration:none; color:#0F83D2;'>看此商家資訊</a></div></td></tr></table>"
			 map.openInfoWindowHtml(map.getCenter(),WindowHtml);
			 
		}
		
		
		
		
				
        
        function CreateMarker(point,title,CLYname,PK,score,pic,position)
        {
				
			//var myIcon = new GIcon();
			
		myIcon.image = "http://img.web66.com.tw/web66/PU/Map/map_icon.png";//+position+"_icon.gif"; 
		myIcon.iconAnchor = new GPoint(10, 10); //Icon 左上角相對於 (必要)(陰影)
		myIcon.infoWindowAnchor = new GPoint(5, 10); //訊息視窗相對於 Icon 左上角位置 (必要)
		myIcon.iconSize = new GSize(21, 27); //Icon 尺寸		
		
            var marker = new GMarker(point,{icon:myIcon});
			
			        
            GEvent.addListener(marker, "mouseover", function() 
			{	
                
				
				var pic_="圖檔準備中";
				if (pic!="120"){pic_="<img src='http://img.web66.com.tw"+pic+"' width='74' resize='74' />"}			
				
				
				marker.openInfoWindowHtml("<table border='0' cellpadding='0' cellspacing='0' width='230' align='left'><tr><td width='74' style='border:1px solid #DDDDDD; font-family:Arial; font-size:11px; color:#999999' align='center' valign='middle'>"+pic_+"</td><td style='padding-left:10px;' valign='top'><div style='line-height:16px;font-family:Arial; font-size:13px;'><img src='http://www.web66.com.tw/web66/PU/star/star5.gif' border='0'/>&#160;<b><font color='#FB3D03' style='position:relative; top:-2'>"+score+"</fot></b></div><div style='line-height:16px;font-family:Arial; font-size:13px; letter-spacing:1px;padding-bottom:3px;padding-top:5px'><a href='/web/Blog?MID="+PK+"' style='text-decoration:none; color:#0F83D2;'>"+title+"</a></div><div style='font-family:Arial; font-size:12px; letter-spacing:1px; line-height:18px; color:#666666'><font color='#999999'>位置：</font>"+CLYname+"</div><div style='line-height:18px;font-family:Arial; font-size:12px; letter-spacing:1px; '><img src='/web66/PU/Map/icon_map.gif' align='absmiddle' border='0' />&#160;<a href='/web/Blog?MID="+PK+"' style='text-decoration:none; color:#0F83D2;'>看此商家資訊</a></div></td></tr></table>")
             });
            
           // gmarkers[gmarkers.length] = marker;
            
            return marker;
        }
        
        function GetLatLog(value)
        {
            if (geocoder) 
            {
                geocoder.getLatLng(
                    value,
                    function(point) 
                    {
                        if (!point) 
                        {
                            //alert(value + " not found");
                        } 
                        else 
                        {
                            ShowPointLocationInfo(point);
                            draggableMarker.setLatLng(point);
                            map.setCenter(point);
                        }
                    }
                );
            }
        }
