百度地图API开发:map.getDistance计算两点之间的距离(直线距离)

简介: 百度地图API开发:map.getDistance计算两点之间的距离(直线距离)

getDistance(start: Point, end: Point),返回两点之间的距离,单位是米

创建容器

<div id="container"></div>
    //异步加载地图
    function loadJScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'http://api.map.baidu.com/api?v=2.0&ak=&ak=11Z8uiP8kIz6AG0Vjiwzbc5f**&callback=init';
        document.body.appendChild(script);
    }
    window.onload = loadJScript; // 异步加载地图
    //执行地图;
    function init() {
        var map = new BMap.Map('container'); // 创建Map实例
        var point = new BMap.Point(116.404, 39.915); // 创建点坐标
        map.centerAndZoom(point, 10);
        map.enableScrollWheelZoom(); // 启用滚轮放大缩小
        var myP1 = new BMap.Point(116.380967, 39.913285);    //起点
        var myP2 = new BMap.Point(116.424374, 39.914668);    //终点
        console.log('两点之间的距离:' + (map.getDistance(myP1, myP2)).toFixed(2) + '米');
    }


封装函数版

 //计算两点的距离;
        var p1 = [116.380967, 39.913285];
        var p2 = [116.424374, 39.914668];
        calMeter(p1, p2);
        //封装计算两点之间的距离;
        function calMeter(p1, p2) {
            var myP1 = new BMap.Point(p1[0], p1[1]);    //起点
            var myP2 = new BMap.Point(p2[0], p2[1]);    //终点
            console.log('两点之间的距离:' + (map.getDistance(myP1, myP2)).toFixed(2) + '米');
        }


Done !

目录
打赏
0
0
0
0
184
分享
相关文章
|
6月前
|
Map常用API
Map常用API
49 2
|
3月前
|
API
时间操作[计算时间差]免费API接口教程-{"code":200,"msg":"0天11时6分40秒"}
此API用于获取两个时间戳之间的格式化时间差。支持POST和GET请求,需提供用户ID、用户KEY及两个时间戳作为参数。返回状态码及时间差或错误信息。示例URL:https://cn.apihz.cn/api/time/zjgapi.php?id=88888888&key=88888888&time1=1710925735&time2=1710927735。建议使用个人ID与KEY以避免调用限制。
Vue2使用百度地图展示或搜索地点(vue-baidu-map)
本文介绍了如何在 Vue 项目中使用 `vue-baidu-map` 插件,包括安装、全局注册及具体应用。首先通过 `yarn add vue-baidu-map` 安装插件,并在 `main.js` 中全局注册。然后展示了如何在地图上显示特定位置的标记,以及如何搜索地点并获取其经纬度和详细地址信息。代码示例提供了详细的实现方法和样式调整。如需使用,请确保已获取百度地图 API 的密钥。
963 1
Go 通过 Map/Filter/ForEach 等流式 API 高效处理数据
Go 通过 Map/Filter/ForEach 等流式 API 高效处理数据
Dask是一个用于并行计算的Python库,它提供了类似于Pandas和NumPy的API,但能够在大型数据集上进行并行计算。
Dask是一个用于并行计算的Python库,它提供了类似于Pandas和NumPy的API,但能够在大型数据集上进行并行计算。
Golang 开发函数计算问题之在 Golang 中避免 "concurrent map writes" 异常如何解决
Golang 开发函数计算问题之在 Golang 中避免 "concurrent map writes" 异常如何解决
100 0
|
7月前
|
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
143 1
|
7月前
|
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
211 0
vue 使用 vue-jsonp 解决跨域请求问题(访问百度地图API)
vue 使用 vue-jsonp 解决跨域请求问题(访问百度地图API)
349 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等