{include file="header.html"}
<script language="javascript" src="/plugin/ueditor/ueditor.all.min.js"></script> 
<script type="text/javascript" src="/plugin/ueditor/ueditor.config.js"></script> 
<script language="javascript">
options={
		initialFrameWidth:"100%",
		imageUrl:"/index.php?m=upload&a=UeImg&dir=product&id={$data.id}" ,
		fileUrl:"/index.php?m=upload&a=UeFile&dir=product&id={$data.id}",
		catcherUrl:"/index.php?m=upload&a=UeRemote&dir=product&id={$data.id}",
		{include file="ueditor.html"}
		 
};
var editor=UE.getEditor('content',options)
</script>
<div class="row">
  <div class="span12"> {include file='hotarea/nav.html'}
    <form method='post' action='admin.php?m=admin_hotarea&a=save' onkeypress="javascript:return NoSubmit(event);">
      <input type='hidden' name='id' style='display:none;' value='{$data.id}' >
      <input type="hidden" name="siteid" value="{if $data}{$data.siteid}{else}{const.SITEID}{/if}" />
      <table class='table table-bordered' width='100%'>
        <tr>
          <td width="50">名称：</td>
          <td width="200"><input type='text' name='title' id='title' value='{$data.title}' ></td>
          <td width="49%"  >地图搜索：<input type="text" name="word" id="word" /></td>
        </tr>
        <tr>
          <td>维度：</td>
          <td><input type='text' name='lat' id='lat' value='{$data.lat}' ></td>
          <td width="49%" rowspan="5"><div id="map_canvas" style="width:400px; height:400px;"></div></td>
        </tr>
        <tr>
          <td>精度：</td>
          <td><input type='text' name='lng' id='lng' value='{$data.lng}' ></td>
        </tr>
        <tr>
          <td>范围：</td>
          <td><input type="text" name="bounds" id="bounds" value="{$data.bounds}" /></td>
        </tr>
        <tr>
          <td>排序：</td>
          <td><input type='text' name='orderindex' id='orderindex' value='{$data.orderindex}' ></td>
        </tr>
        
        <tr><td>状态：</td>
        	<td><input type="radio" name="status" value="1" {if $data.status eq 1 or !$data} checked="checked"{/if}/>显示 &nbsp;&nbsp;<input type="radio" name="status" value="0" {if !$data.status eq 1 && $data} checked="checked"{/if} />隐藏</td>
        </tr>
        
        <tr>
        	<td>简介：</td>
            <td colspan="2"><textarea name="info" style="width:600px; height:100px;">{$data.info}</textarea></td>
        </tr>
        
        <tr>
        	<td>内容：</td>
            <td colspan="2"><script type="text/plain" id="content" name="content" >{$data.content}</script></td>
        </tr>
        
        <tr>
          <td></td>
          <td colspan="2"><input type='submit' value='保存' class='btn btn-success'></td>
        </tr>
      </table>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak={const.BDMAPKEY}"></script> 
<script language="javascript">
	function NoSubmit(ev)
	{
		if( ev.keyCode == 13 )
		{
			return false;
		}
		return true;
	}
	$(document).ready(function(){
 
		$("#word").bind("keyup",function(){
			localsearch($(this).val());
		});
	});

   var map = new BMap.Map("map_canvas");
   map.enableScrollWheelZoom();
   var point = new BMap.Point({if $data.lat>0}{$data.lng},{$data.lat}{else}118.166254,24.480776{/if});
   map.centerAndZoom(point, 16);
   var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
	marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
   map.addEventListener("click", function(e){
	   $("#lat").val(e.point.lat);
	   $("#lng").val(e.point.lng);
	   b=map.getBounds();
	   var bounds=b.getSouthWest().lat+","+b.getSouthWest().lng+","+b.getNorthEast().lat+","+b.getNorthEast().lng;
	   $("#bounds").val(bounds);	
   });
   function localsearch(word){
	   var local = new BMap.LocalSearch(map, {
		  renderOptions:{map: map}
		});
		local.search(word);
   }
   
    </script>
    </form>
  </div>
</div>
{include file="footer.html"}