小程序地图详细位置，加距离计算

最新推荐文章于 2023-08-04 17:29:50 发布

沉默的熊猫仔

最新推荐文章于 2023-08-04 17:29:50 发布

阅读量615

点赞数

文章标签：腾讯云阿里云微信小程序

本文链接：https://blog.youkuaiyun.com/weixin_54804804/article/details/121651652

版权

腾讯地图下载

放入

wxml页面

<button bindtap="access">获取位置</button>
<!--form表单-->
<form bindsubmit="formSubmit">
    <label>终点坐标:
    <input style="border:1px solid #000;" name="dest"></input>
    </label>
    <!--提交表单数据-->
    <button form-type="submit">计算距离</button>
</form>
<!--渲染起点经纬度到终点经纬度距离，单位为米-->
<view wx:for="{
  {distance}}" wx:key="index">
    <view>起点到终点的步行距离为{
  {item}}米</view>
</view>
<map id="myMap"
    markers="{
  {markers}}"
    style="width