最新分享 » 网页技术 » 51地图API接口的初次使用

51地图API接口的初次使用

时间:2008-7-7 作者:天空下的雨 分类: 网页技术 评论:1 浏览:8561

加入一个地图导航的功能,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

评论:

Ethel
2011-12-29 04:55
强大!