網(wǎng)上有很多關(guān)于pos機(jī)定位位置,uview中使用uniapp自帶的地圖實(shí)現(xiàn)地圖點(diǎn)選位置功能的知識(shí)，也有很多人為大家解答關(guān)于pos機(jī)定位位置的問題，今天pos機(jī)之家(m.afbey.com)為大家整理了關(guān)于這方面的知識(shí)，讓我們一起來看下吧!

本文目錄一覽：

1、pos機(jī)定位位置

pos機(jī)定位位置

使用uniapp提供的地圖功能,不需要導(dǎo)入任何插件.

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="blnBlockaddress" --><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>

可以看到這里這個(gè)未定位,那個(gè)input框,提供了一個(gè)@click事件,然后在這個(gè)事件中,

choseLocation(){let _self = this;uni.chooseLocation({ success: function (res) { console.log('位置名稱：' + res.name); console.log('詳細(xì)地址：' + res.address); console.log('緯度：' + res.latitude); console.log('經(jīng)度：' + 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; }});}

我們就可以直接獲取到點(diǎn)選的位置的經(jīng)緯度,或者位置地址逆解析出來的,位置的詳細(xì)名稱了.

下面是效果.

以上就是關(guān)于pos機(jī)定位位置,uview中使用uniapp自帶的地圖實(shí)現(xiàn)地圖點(diǎn)選位置功能的知識(shí)，后面我們會(huì)繼續(xù)為大家整理關(guān)于pos機(jī)定位位置的知識(shí)，希望能夠幫助到大家！