uview中使用_使用uniapp自带的地图_实现地图点选位置功能---基于Vue的uniapp手机端_前端UI_uview工作笔记006

添柴程序猿

于 2021-04-07 14:41:16 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端UI&后端&分布式

本文为博主原创文章，未经博主添柴程序猿允许不得转载违者追究法律责任。

本文链接：https://blog.youkuaiyun.com/lidew521/article/details/115484969

前端UI&后端&分布式专栏收录该内容

503 篇文章 ¥9.90 ¥99.90

订阅专栏

超级会员免费看

这篇博客介绍了如何在uview中利用uniapp自带的地图功能，无需额外插件，通过监听`@click`事件获取点选位置的经纬度和详细地址。并提供了官方文档链接及技术交流群和公众号信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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>
			
			<!-