js 调用百度地图api，实现根据地址获取经纬度

女爷i 2022-11-19 12:49 934阅读 0赞

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=秘钥"></script>
       // 百度地图API功能
        var map = new BMap.Map("l-map");
        var point = new BMap.Point(121.487899486, 31.24916171);
        map.centerAndZoom(point, 11);
        var marker = new BMap.Marker(point);// 创建标注
        marker.enableMassClear()//允许覆盖物在map.clearOverlays方法中被清除
        //marker.disableMassClear()//禁止覆盖物在map.clearOverlays方法中被清除
        map.addOverlay(marker);             // 将标注添加到地图中
        // marker.disableDragging(); // 不可拖拽
        marker.enableDragging()//可拖拽
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    
        // 覆盖物拖拽开始事件
        marker.addEventListener('dragstart', function () { 
            // 做一些事情 一般来说 可能是清除一些覆盖物啥的
        });
        // 覆盖物拖拽事件
        marker.addEventListener('dragend', function () { //拖拽完成之后回调
            var nowPoint = marker.getPosition(); // 拖拽完成之后坐标的位置
            console.log(nowPoint)
            var { lng,lat} = nowPoint;//lng,lat
            $("#lngLat").val(lng+","+lat)
        });
    
        var currPage = 1
        var pagesize = 10;
    
        var options = { 
            onSearchComplete: function (results) { //搜索回调函数
                console.log(results)
                // 判断状态是否正确
                if (local.getStatus() == BMAP_STATUS_SUCCESS) { 
                    var count = results.lB;
                    var limit = results.rR;
                    console.log("分页")
                    console.log("count:" + count)
                    console.log("limit:" + limit)
                }
            }
        };
        var local = new BMap.LocalSearch(map, options);
        var keyWord = "";
        local.search(keyWord )//根据关键词搜索地址
        local.gotoPage(currPage - 1);//获取第几页数据
        
        function getPoint(addr, lng, lat) { 
            console.log(addr, lng, lat)
            $("#addr-search").val(addr)
            $("#lngLat").val(lng + ',' + lat)
            hideMap()
            updateMap(lng, lat)
        }
        //更新标注地址
        function updateMap(lng, lat) { 
            map.clearOverlays()//删除标注
            //重新添加标注
            var point = new BMap.Point(lng, lat);
            map.centerAndZoom(point, 11);
            var marker = new BMap.Marker(point);// 创建标注
            map.addOverlay(marker);             // 将标注添加到地图中
            marker.enableDragging()
            // 覆盖物拖拽开始事件
            marker.addEventListener('dragstart', function () { 
                // 做一些事情 一般来说 可能是清除一些覆盖物啥的
            });
            // 覆盖物拖拽事件
            marker.addEventListener('dragend', function () { 
                var nowPoint = marker.getPosition(); // 拖拽完成之后坐标的位置
                console.log(nowPoint)
                var { lng, lat} = nowPoint;
                $("#lngLat").val(lng + "," + lat)
            });
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，934人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 调用百度地图api，实现根据地址获取经纬度

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=秘钥"></script>

小咪咪/ 2023年01月05日 12:59/ 0 赞/ 321 阅读

相关百度地图API调用实现获取经纬度以及标注

一、申请AK 百度搜索百度地图API，进入官网文档，按照官网文档提示注册百度账号并申请AK。[申请AK][AK] 填写相关信息，应用名称随意、应用类型根据协议来选择.

男娘i/ 2022年12月17日 15:55/ 0 赞/ 301 阅读

相关 js 调用百度地图api，实现根据地址获取经纬度

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=秘钥"></script>

女爷i/ 2022年11月19日 12:49/ 0 赞/ 935 阅读

相关腾讯地图api如何根据地址获取经纬度

> `腾讯地图api如何根据地址获取经纬度` / 根据地址得到经纬度 //GET请求 / @GetMapping("tencentGetLatLng

Love The Way You Lie/ 2022年10月24日 13:19/ 0 赞/ 299 阅读

相关百度地图API，根据经纬度实现车辆移动轨迹绘制

百度地图，实现车辆轨迹绘制实现思路： 1.根据经纬度实现车辆轨迹绘制 2.使用百度地图API的两个覆盖物实现，Polyline（折线）绘制轨迹，Marker（图标）绘制

分手后的思念是犯贱/ 2022年08月20日 13:20/ 0 赞/ 442 阅读

相关 PHP通过地址获取经纬度【百度地图API】

/ @param string $address 地址 @param string $city 城市名 @return array

怼烎@/ 2022年06月01日 03:58/ 0 赞/ 383 阅读

相关 Python调用百度API，根据经纬度获取位置信息

一、首先你得去百度地图API去注册你得AK标识，然后就是编写代码了二、编写代码 encoding=utf8 编码 import json

系统管理员/ 2022年05月24日 06:51/ 0 赞/ 516 阅读

相关 js调用百度地图api实现定位

<?php / Created by PhpStorm. User: onlythen Date: 5/26/15

深藏阁楼爱情的钟/ 2022年04月08日 11:30/ 0 赞/ 477 阅读

相关调用百度Api根据省市区名称获取对应经纬度

好久没写博客了，最近刚好要做这样一个统计分析图，需要用到根据省市区的经纬度，下面代码是调的百度接口，缺点就是好像不能批量获取经纬度，[本篇原地址][Link 1] p

ゞ浴缸里的玫瑰/ 2022年03月25日 20:20/ 0 赞/ 233 阅读

相关百度地图API计算经纬度

百度地图API计算经纬度注册百度地图开发者申请应用的APKEY 设置白名单代码实现注册百度地图开发者注册地址：http:

浅浅的花香味﹌/ 2021年10月23日 22:50/ 0 赞/ 824 阅读