pos机点位,uview中使用uniapp自带的地图实现地图点选位置功能

网上有很多关于pos机点位,uview中使用uniapp自带的点位的地地图实现地图点选位置功能的知识，也有很多人为大家解答关于pos机点位的中自带置功问题，今天乐刷官方代理商(www.zypos.cn)为大家整理了关于这方面的使用知识，让我们一起来看下吧!

本文目录一览：

1、图实图点pos机点位

pos机点位

使用uniapp提供的现地选位地图功能,不需要导入任何插件.

https://uniapp.dcloud.io/component/map

这里也有uniapp地图的,官方说明.

<template><view class="wrap"><u-form ref="validateFormRef" :model="validateForm.value"><u-form-item label="物件名称:" prop="blockName" :required="blnBlockName"><u-input placeholder="物件名称" v-model="validateForm.value.blockName" type="text" v-if="blnBlockName"></u-input><label v-else style="text-align: right;">{{validateForm.value.blockName}}</label></u-form-item><!-- :required="blnBloc卡ddress" --><u-form-item label="物件定位:" prop="blockSamplename"><u-input placeholder="未定位" v-model="validateForm.value.blockSamplename" type="text" v-if="blnBockSamplename" @click="choseLocation"></u-input><label v-else style="text-align: right;">{{validateForm.value.blockSamplename}}</label></u-form-item></u-form><!-- <map style="width="360px",height="auto" />

shape="circle"type="warning":ripple="true"style="background: #f8a418;margin-top: 44rpx;">提交位置信息</u-button></view></template>

可以看到这里这个未定位,那个input框,提供了一个@click事件,然后在这个事件中,

choseLocation(){let _self = this;uni.chooseLocation({ success: function (res) { console.log('位置名称：' + res.name); console.log('详细地址：' + res.address); console.log('纬度：' + res.latitude); console.log('经度：' + res.longitude);_self.validateForm.value.blockSamplename=res.name;_self.validateForm.value.blockAddress=res.address;_self.validateForm.value.blockPosx=res.longitude;_self.validateForm.value.blockPosy=res.latitude; }});}

我们就可以直接获取到点选的位置的经纬度,或者位置地址逆解析出来的,位置的详细名称了.

下面是效果.

以上就是关于pos机点位,uview中使用uniapp自带的地图实现地图点选位置功能的知识，后面我们会继续为大家整理关于pos机点位的点位的地知识，希望能够帮助到大家！中自带置功

使用

很赞哦!（6968）