手册版本 V6.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": "你的位置信息将用于小程序位置接口的效果展示"
}
}
完整代码
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。