实现51Map地图接口

51Map免费提供了地图接口以下是调用接口并且实现地理位置标注,存储,修改和回显功能。 
51地图网址:http://api.51ditu.com/ 

在网页中引入

Js代码 
  1. <script type="text/javascript" src="http://api.51ditu.com/js/maps.js"></script>  

在地图上标注: 
Js代码 
  1.     //地图标注  
  2. $(document).ready(function(){  
  3.     var ico=new LTIcon("<c:url value='/images/manPosition.gif'/>",[24,24],[12,12]);  
  4.     var map=new LTMaps("mapdiv");//地图对象  
  5.     var controlB;       //标记控件  
  6.     map.centerAndZoom("tianjin",5);//天津  
  7.     map.handleMouseScroll();//鼠标滚轮  
  8.     var controlZoom = new LTStandMapControl();//缩放控件  
  9.     map.addControl( controlZoom );  
  10.     controlB = new LTMarkControl();//添加标注控件并把事件绑定到按钮  
  11.     controlB.setVisible(false);  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值