51Map免费提供了地图接口以下是调用接口并且实现地理位置标注,存储,修改和回显功能。
51地图网址:http://api.51ditu.com/
在网页中引入
- <script type="text/javascript" src="http://api.51ditu.com/js/maps.js"></script>
在地图上标注:
- //地图标注
- $(document).ready(function(){
- var ico=new LTIcon("<c:url value='/images/manPosition.gif'/>",[24,24],[12,12]);
- var map=new LTMaps("mapdiv");//地图对象
- var controlB; //标记控件
- map.centerAndZoom("tianjin",5);//天津
- map.handleMouseScroll();//鼠标滚轮
- var controlZoom = new LTStandMapControl();//缩放控件
- map.addControl( controlZoom );
- controlB = new LTMarkControl();//添加标注控件并把事件绑定到按钮
- controlB.setVisible(false);