{include file="lib/header.html"}
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<div class="row">
<div class="span2">{include file='usernavleft.html'}</div>
<div class="span10">
<table class="table table-bordered">
<tr>
<td width="400"><div id="map_canvas" style="width:400px; height:500px; "></div></td>
<td width="65"><form method="post" action="index.php?m=user&a=gps&op=post">
<input type="text" name="area" id="area" value="{if $rs.lng }{$rs.lng},{$rs.lat}{/if}">
<input type="submit" value="保存">
</form></td>
</tr>
</table>
</div>

</div>

<script type="text/javascript">

		var map = new BMap.Map("map_canvas");
		var point = new BMap.Point({if $rs.lat neq 0}{$rs.lat},{$rs.lng}{else}118.1804,24.4810{/if});
		map.centerAndZoom(point, 14);
		map.enableScrollWheelZoom();
		var marker = new BMap.Marker(point);
		map.addOverlay(marker);
		 
		map.addEventListener("click", function(e){
		  document.getElementById("area").value=e.point.lng + ", " + e.point.lat;
		  var newpoint=new BMap.Point(e.point.lng,e.point.lat);
		  map.clearOverlays(marker);
		 marker = new BMap.Marker(newpoint);
		  map.addOverlay(marker);
		});

</script>
{include file="lib/footer.html"}