javascript百度地图添加一个普通标注点(2014-3-8 记)

1.导入jquery.js文件:<script type="text/javascript" src="js/jquery.js"></script>

2.导入百度地图JS: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
3.编写JS:
 <script type="text/javascript">
$().ready(function() {
// 百度地图API功能开始
var map = new BMap.Map("allmap");//allmap为div的id
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
var marker;
function showInfo(e){
    map.removeOverlay(marker);
    marker = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat));  // 创建标注
    map.addOverlay(marker); //清除之前创建的标注点
    marker.enableDragging();//允许标注点拖拽
    marker.addEventListener("dragend", showInfo);//拖拽标注点可获取经纬度
    $("#lng").val(e.point.lng);//经度input控件赋值
    $("#lat").val(e.point.lat);//纬度input控件赋值
}
map.addEventListener("click", showInfo);//点击地图获取经纬度
map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
map.enableScrollWheelZoom();    //启用滚轮放大缩小,默认禁用
map.enableContinuousZoom();//启用地图惯性拖拽,默认禁用
// 百度地图API功能结束
});
</script>
 

百度地图开发地址:http://developer.baidu.com/map/jsdemo.htm

 

posted @ 2016-06-01 16:13  Vincent-Li  阅读(863)  评论(0编辑  收藏  举报