bizmaplist.htm

来自「城市分类信息,门户网站,我做为地方信息网」· HTM 代码 · 共 157 行

{template header}
        <br />
        <table width="960" border="0" align="center" cellpadding="0" cellspacing="0"  style="border:1px solid #cccccc;  padding:5px; border-bottom:none;">
          <tr>
            <td height="78" valign="top" style="padding:15px; line-height:25px;">
            <!--{loop $_FCACHE[bizcate] $key $var}-->
            <span style="font-size:14px; font-weight:bold;"><a href="../mall/bizmaplist.php?cid=$key" class="indexrightmeun">$var</a>&nbsp;&nbsp;|&nbsp;&nbsp;</b></span>
            <!--{/loop}-->
            <br />
            <!--{loop $bizsort_list $var}-->    
            <a href='../mall/bizmaplist.php?cid=$var[cid]'>$var[name]($var[bizs])</a>
            
            <!--{/loop}-->
            

      
            </td>
          </tr>
        </table>
        <table width="960" border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px solid #cccccc;  padding:5px;">
          <tr>
            <td  height="98" valign="top">
            
            

            
             <table id="Repeater1" cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;">
             <!--{loop $bizinfo_list $key $var}-->
	<tr>
		<td>
                 
            <table width="530" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
                 <td width="29">
				 <a href="JavaScript:JavaScript:findShop($key)" >
				 {eval $mapnum=$key+1;}
				 <img src="../images/map/$mapnum.gif" border="0"   ></a>
				 
				 </td>
                 <td width="501"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                     <td style="font-size:14px; font-weight:bold;"><a href='../main/bizinfo.php?bizid=$var[bizid]' class="indexrightmeun"  ><b>$var[biz_name]</b></a></td>
                     <td align="right"><img src="../images/point/stars_$var[star].png" /></td>
                   </tr>
                   
                 </table></td>
              </tr>
               <tr>
                 <td>&nbsp;</td>
                 <td> $var[biz_intro] <br/>
                    电话:$var[biz_phone]&nbsp;&nbsp;   
                      
                    地址:$var[biz_address]&nbsp;&nbsp;                    </td>
  </tr>
               <tr>
                 <td  style="border-bottom:#DFDFDF 1px solid;">&nbsp;</td>
                 <td style="border-bottom:#DFDFDF 1px solid;">&nbsp;</td>
               </tr>
             </table>
             <table width="50%" height="10" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td></td>
                </tr>
</table>
            </td>
	</tr>
	<!--{/loop}-->
</table><table width="99%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="right">
		   
		   
		   $page                 </td>
                    </tr>
                  </table></td>
            <td width="400" valign="top"><div id="myMap" style="position:relative; width:400px; height:360px; border:1px #cccccc solid;"></div></td>
          </tr>
      </table>
      <script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
   <script>
 var shops=new Array(
$mapstr);


var maps = new LTMaps('myMap');
maps.cityNameAndZoom( "$citypy" , 3 );
maps.addControl(new LTSmallMapControl());

var loadHotShops = [];


for(var i=0; i<shops.length; i++){
	createMark(shops[i], i);
}


function createMark(shop, index){
	var point = new LTPoint(shop[0], shop[1]);
	
	if(index == 0){
		//hMap.moveToCenter(point);	
	}
	
	var mapimg = index + 1;
	var marker = new LTMarker(point);
	marker.setIconImage('../images/map/'+ mapimg+'.gif');
	maps.addOverLay(marker);
	
	text = new LTMapText( marker );
	text.setLabel( shop[2] );
	maps.addOverLay( text );
	loadHotShops[index] = marker;    
	
	marker.infoWinHtml = '<div><img src="'+shop[3]+'" width="70" height="45"></div><div>'+shop[2]+'</div><div>电话：'+shop[4]+'</div><div>地址：'+shop[5]+'</div>';
	
	LTEvent.addListener( marker , "mouseover" , function(){ openMarkInfo(index)});
	LTEvent.addListener( marker , "mouseout" , function(){ closeMarkInfo(index)});
	return marker;
}

function openMarkInfo(markIndex){
	var mark = loadHotShops[markIndex]
	if(mark != null){
	//	parent.closeAllClass();
		mark.openInfoWinHtml(mark.infoWinHtml);
		mark.setInfoWinWidth(150);
		mark.setInfoWinHeight(50);
	//	parent.changeClass(markIndex, 'current');
	}
}
function closeMarkInfo(markIndex){
	var mark = loadHotShops[markIndex]
	if(mark != null){
		//parent.closeAllClass();
		mark.openInfoWinHtml("").closeInfoWindow();	
	//	parent.changeClass(markIndex, 'no');
	}
}
		
function findShop(index) {
	var t = parseInt(shops[index][1]) + 250;	
	//myPoint=new LTPoint(shops[index][0], t)
	
	maps.centerAndZoom(new LTPoint(shops[index][0], t), 3); 
	
	//maps.moveToCenter(myPoint,1);
	/*
	var mark = loadHotShops[index]
	mark.openInfoWinHtml(mark.infoWinHtml);
	mark.setInfoWinWidth(150);
	mark.setInfoWinHeight(50);
	*/
}
	</script>
        <br />
        <br />
{template footer}