百度地图拖动标注后获取坐标

本来想用图吧的API来做的，结果弄了下，在手机上弄不了。换用百度地图了。。本功能个人觉得在很多地方用到，先记下来，省得每次都得翻地图API文档一点一点弄。

功能表现为：地图一开始打开就定位到你的附近（以百度地图的浏览器定位为准），地图中心有一标注，鼠标拖去标注结果后弹框显示经纬度，自己测试过在手机上也是可以拖动的

代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html, #allmap {
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }

#l-map {
            height: 500px;
            width: 100%;
        }

#r-result {
            width: 100%;
        }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=fjEOTea6oQGEcK1GSUHruG4efO9fccei"></script>
    <title>设置点是否可拖拽</title>
</head>
<body>
    <div id="l-map"></div>
    
</body>
</html>
<script type="text/javascript">
// 百度地图API功能

//浏览器定位
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function (r) {
     if (this.getStatus() == BMAP_STATUS_SUCCESS) {
         var map = new BMap.Map("l-map");
        // var point = new BMap.Point(116.400244, 39.92556);
         map.centerAndZoom(r.point, 12); //定义地图等级，就是放大倍数
         map.enableScrollWheelZoom(true); //启用地图滚轮放大缩小
         var marker = new BMap.Marker(r.point);// 创建标注
         map.addOverlay(marker); // 将标注添加到地图中
         map.panTo(r.point);
        // alert('您的位置：' + r.point.lng + ',' + r.point.lat);

         marker.enableDragging(); //标注可拖拽
         //marker.disableDragging();           // 不可拖拽

// 开启事件监听
marker.addEventListener("dragend", function (e) {

var x = e.point.lng; //经度
var y = e.point.lat; //纬度
alert("拖到的地点的经纬度：" + x + "，" + y);

});
     }
     else {
         alert('failed' + this.getStatus());
     }
}, { enableHighAccuracy: true })

//关于状态码
    //BMAP_STATUS_SUCCESS 检索成功。对应数值“0”。
    //BMAP_STATUS_CITY_LIST 城市列表。对应数值“1”。
    //BMAP_STATUS_UNKNOWN_LOCATION 位置结果未知。对应数值“2”。
    //BMAP_STATUS_UNKNOWN_ROUTE 导航结果未知。对应数值“3”。
    //BMAP_STATUS_INVALID_KEY 非法密钥。对应数值“4”。
    //BMAP_STATUS_INVALID_REQUEST 非法请求。对应数值“5”。
    //BMAP_STATUS_PERMISSION_DENIED 没有权限。对应数值“6”。(自 1.1 新增)
    //BMAP_STATUS_SERVICE_UNAVAILABLE 服务不可用。对应数值“7”。(自 1.1 新增)
    //BMAP_STATUS_TIMEOUT 超时。对应数值“8”。(自 1.1 新增)
</script>

在线查看：http://niaoren.niunan.net/drop_baidumap.html

百度地图拖动标注后获取坐标相关推荐

php百度地图定位到街道,百度地图拖动标注输出当前定位坐标及街道信息
百度地图Demo var map = new BMap.Map("container");//初始化地图 map.addControl(new BMap.NavigationCon ...
高德h5地图api接口_html5通过腾讯地图、高德地图、百度地图开发api接口获取坐标对应的周边信息...
在通过 geolocation 获取到当前的 GPS 坐标后,需要通过"逆地理位置解析"才能得到街道对应的街道.建筑物.周边等相关信息. 下面我使用国内的三家主要的地图厂商(腾讯地 ...
点击百度地图添加标注并获取当前地理名称
html部分: <div id="allmap"></div> <style type="text/css">body, h ...
自己收藏的百度地图批量描点获取坐标工具类
直接上代码!!! <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" ...
百度地图生成器标注后不显示图标,如何解决？
找到生成的代码中的icon地址: http://app.baidu.com/map/images/us_mk_icon.png 替换成这个地址: http://api.map.baidu.com/lb ...
python如何爬虫获取图形上点的坐标_python调用百度地图WEB服务API获取地点对应坐标值...
本篇博客介绍如何使用Python调用百度地图WEB服务API获取地点对应坐标值,现有一系列结构化地址数据(如:北京市海淀区上地十街十号),目的是获取对应坐标值. 百度地图开发者平台路线规划使用说明网址 ...
android百度地图定位自定义图标,百度地图SDK集成及根据坐标实现定位(android studio开发)...
百度地图SDK集成及根据坐标实现定位(android studio开发) 百度地图SDK集成及根据坐标实现定位(android studio开发) 1.下载百度地图SDK 链接:http://lbsy ...
基于JDBC从数据库中读取数据，在百度地图批量标注地点
基于JDBC从数据库中读取数据,在百度地图批量标注地点一.相关技术 JSP,JDBC,JSON,JS,百度地图API 二.基于JDBC从数据库读取数据见"JSP基于JDBC操作MSSQL ...
java调用百度地图api简单示例--获取国内任意两地之间距离
老师让我们从百度地图的api上获取数据源最为两地运输距离,结果百度地图api的开发文档居然连个示例都没有...于是上网找了半天,都是一百多行的源码,我就想用个api,你给我这玩意???终于最后还是找到 ...

百度地图拖动标注后获取坐标

百度地图拖动标注后获取坐标相关推荐

最新文章

热门文章