手册版本 V5.0

重要说明

此页文档仅用于演示地图组件的某个用法，因为 uni-app 官方 map 组件要求较多，不同平台配置不同，请详细阅读 uni-app 官方手册 map 组件部分 （ 尤其是注意事项部分 ）。  
手册地址 : https://uniapp.dcloud.io/component/map

经纬度必须为小数，建议使用 parseFloat() 函数转换一下动态纬度数据；

坐标拾取

01. 坐标拾取工具 ( 可以手动获取某个地点的坐标  ) 
https://lbs.qq.com/tool/getpoint/index.html
02. 利用后端语言开发一套 api 动态获取一个具体位置的坐标， 后端代码 php 版本请在 GraceUI 已付费用户群群文件获取。

定位图标

请 GraceUI 已付费用户群群文件 下载定位图标并将其部署到 /static/ 目录下, /static/location.png

示例说明

01. 示例代码演示了搜索一个具体位置并在地图上进行标注；
02. 示例代码演示了点击标注点后使用第三方导航的功能；
03. 示例代码小程序端运行时请 “打开调试”;
04. 演示获取当前位置信息方法；
05. 演示详细位置到坐标的转换；
06. 演示根据精度纬度获取详细地址；
07. nvue 版本需要打包生效 ( 建议使用 vue 完成地图功能页面 )；

微信小程序权限配置演示

/* 小程序特有相关 mainfast.json */
"mp-weixin" : {
	"appid" : "******",
	"setting" : {
		"urlCheck" : false
	},
	"usingComponents" : true,
	"requiredBackgroundModes": ["audio", "location"],
	"permission": {
		"scope.userLocation": {
		  "desc": "你的位置信息将用于小程序位置接口的效果展示"
		}
	}

完整代码