美文网首页
[h5+]计算自己与周边商店的位置

[h5+]计算自己与周边商店的位置

作者: Re_Vive | 来源:发表于2018-06-05 14:26 被阅读0次

做商家列表,要求查看自己距离周边的商家的距离,并对远近进行排序

1.使用h5plus提供的方法获取自己当前位置的经纬值
2.使用高德地图提供的api来进行距离计算距离

mui.plusReady(function () {
            var latlong = []
            plus.geolocation.getCurrentPosition(
                function (p) {
                    latlong = [p.coords.longitude, p.coords.latitude]; //获取当前定位
                    localStorage.setItem('latlong', latlong )//保存当前定位,但保存后会变为string
                })
        })

👆这是最坑的地方,获取的定位信息只能在此方法内用,只能使用缓存方法,一直想有没用好的方法,2小时后我妥协了。

template.defaults.imports.latlong = function (long, lat) {
            var thislatlong = localStorage.getItem('latlong').split(',')//将当前定位取出,并转为array
            var newlatlong = []
            for (var i = 0; i < thislatlong.length; i++) {
                newlatlong.push(parseFloat(thislatlong[i]))//将新array内的string转为float类型
            }
            var shoplatlong = [long, lat] //传入商户位置
            var dis = AMap.GeometryUtil.distance(newlatlong, shoplatlong);//计算距离
            if (shoplatlong[0] != 0) {
                dis = (dis / 1000).toFixed(1) + '公里'//将m单位改为km
            } else {
                dis = '未知'//用户未传入定位的情况
            }
            return dis
        }

👆使用的引擎模板,使用模板变量方法,将获取商户的经纬度传入

相关文章

  • [h5+]计算自己与周边商店的位置

    做商家列表,要求查看自己距离周边的商家的距离,并对远近进行排序 1.使用h5plus提供的方法获取自己当前位置的经...

  • 第八章 孽缘滚滚不尽来

    路过学校门口的周边商店,从玻璃橱窗外往里看,看到一身特别靓丽的婚纱,因为是周边商店,这个婚纱的设计与传统的婚纱完全...

  • 教程|如何制作一个餐饮小程序?

    很多从事餐饮行业的朋友都会有这样的苦恼:受门店地理位置的影响,自己的餐饮商店基本只能吸引周边的用户,哪怕食品味道再...

  • 最好的状态就是顺其自然的生活

    变化,不变的是一直都在变化,每天的生活都在感受微小的变化。 常用的物品摆放在不同的位置是变化,常走的路线周边商店有...

  • 位置计算

    向量A.subtract(向量B) 1 .返回新矢量3,即给定矢量与当前矢量3相减的结果2 .let diff=c...

  • iOS怎样获取当前手机的地理位置和经纬度

    目录 app常见需求(获取当前手机经纬度 地址 精确到省市和街道)并且需要通过经纬度计算出当前位置距离某个商店(确...

  • 学习目标

    AuglarJS Jqeury H5+

  • 算法题

    接雨水 动态规划:找到当前位置,min(max左边,max右边),与当前位置计算差值可以得到当前位置接的雨水。 优...

  • 【MUI】Y-R,学习实践(3)

    guide.html最后处理 H5+ H5+ storage文档 Storage模块管理应用本地数据存储区,用于应...

  • 如何让自己获得进步?读书无疑是必经途径之一

    如果自己的速度与周边环境变化一致,就只能是在原地踏步,无论如何都无法向前迈进。因此,为了保住自己的位置,就要用全力...

网友评论

      本文标题:[h5+]计算自己与周边商店的位置

      本文链接:https://www.haomeiwen.com/subject/lhipsftx.html