天空下的雨

加入一个地图导航的功能，51ditu当然是首选啦。API接口实现代码。

<div id="myMap" style="position:relative; width:100%; height:100%;border:1px solid #999">
<br/><center>
地图载入中....</center>
</div>
<script language="javascript" src=" http://api.51ditu.com/js/maps.js "></script>
<script language="javascript">
//51地图API接口使用

var maps = new LTMaps( "myMap" );
//maps.cityNameAndZoom( "nanjing" , 3 ); //南京
var point = new LTPoint( 11880838, 3197046); //公司位置 标注用
var point2 = new LTPoint(11880838, 3197400); //地图中心

maps.centerAndZoom(point2,3); //定位地图中心和缩放比例

var control = new LTStandMapControl();
maps.addControl( control ); //标准缩放控件

var marker = new LTMarker( point );
maps.addOverLay( marker ); //加入标注

//maps.moveToCenter(point2); //地图移动到地图中心
maps.handleMouseScroll(); //鼠标滚轮支持
if(document.body.offsetWidth>800)//窗口较大的时候出现鹰眼
    maps.addControl(new LTOverviewMapControl());

var infoWin = new LTInfoWindow( marker );
infoWin.setLabel( "南京筑天纺织品有限公司<br>&nbsp;&nbsp;www.njzhutian.cn" ); //加入提示框
maps.addOverLay( infoWin );
//天空下的雨
</script>

演示：http://njzhutian.cn/map.html