Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
7193501c
U
uni-app
项目概览
DCloud
/
uni-app
25 天 前同步成功
通知
702
Star
38704
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
7193501c
编写于
9月 23, 2019
作者:
W
wanganxp
提交者:
GitHub
9月 23, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update map.md
上级
d57589dd
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
10 addition
and
10 deletion
+10
-10
docs/api/location/map.md
docs/api/location/map.md
+10
-10
未找到文件。
docs/api/location/map.md
浏览文件 @
7193501c
### uni.createMapContext(mapId,this)
创建并返回 map 上下文
``mapContext``
对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内
``<map>``
组件。
**注意:uni.createMapContext(mapId, this)**
-
app-nvue 平台 2.2.5
(alpha)
+ 支持 uni.createMapContext(mapId, this)
-
app-nvue 平台 2.2.5
(alpha)
- 需要同时设置组件属性id和ref
``<map id="map1" ref="map1"></map>``
,或者直接使用 ref,例如
``this.$refs.map1``
创建并返回 map 上下文
``mapContext``
对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内
``<map>``
组件。
**注意:uni.createMapContext(mapId, this)**
-
app-nvue 平台 2.2.5+ 支持 uni.createMapContext(mapId, this)
-
app-nvue 平台 2.2.5- 需要同时设置组件属性id和ref
``<map id="map1" ref="map1"></map>``
,或者直接使用 ref,例如
``this.$refs.map1``
**平台差异说明**
...
...
@@ -22,17 +22,17 @@ mapContext
|:-|:-|:-|:-|:-|
|getCenterLocation|OBJECT|获取当前地图中心的经纬度,返回的是 gcj02 坐标系,可以用于
[
uni.openLocation
](
api/location/location?id=getlocation
)
|||
|moveToLocation||将地图中心移动到当前定位点,需要配合map组件的show-location使用|||
|translateMarker|OBJECT|平移marker,带动画|
A
pp-nvue 2.1.5+、微信小程序带动画||
|includePoints|OBJECT|缩放视野展示所有经纬度|
A
pp-nvue 2.1.5+||
|translateMarker|OBJECT|平移marker,带动画|
a
pp-nvue 2.1.5+、微信小程序带动画||
|includePoints|OBJECT|缩放视野展示所有经纬度|
a
pp-nvue 2.1.5+||
|getRegion|OBJECT|获取当前地图的视野范围|||
|getScale|OBJECT|获取当前地图的缩放级别|||
|$getAppMap||获取原生地图对象
[
plus.maps.Map
](
https://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.Map
)
|
5+App
自定义组件模式|1.9.3|
|$getAppMap||获取原生地图对象
[
plus.maps.Map
](
https://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.Map
)
|
app-vue
自定义组件模式|1.9.3|
`$getAppMap()`
注意事项:
-
在页面中,必须在
`onReady`
中调用。
-
在组件中,必须在
`mounted`
中调用。
-
`uni-app`
中使用原生地图无需提供占位div,得到
`$getAppMap()`
后直接js使用即可。
-
`uni-app`
中使用原生地图无需提供占位div,得到
`$getAppMap()`
后直接js使用即可。
**getCenterLocation 的 OBJECT 参数列表**
...
...
@@ -80,7 +80,7 @@ mapContext
**Tips**
-
如果想在App端实现更多地图功能,可通过
`$getAppMap()`
获取原生地图对象
`plus.maps.Map`
,然后参考
[
文档
](
https://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.Map
)
实现更多功能
。
-
App端使用map,nvue比vue更强大
。
-
H5 端获取定位信息,需要部署在
**https**
服务上,本地预览(localhost)仍然可以使用 http 协议。
-
无 GPS 模块的 PC 设备使用 Chrome 浏览器的时候,位置信息是连接谷歌服务器获取的,国内用户可能获取位置信息失败。
-
App 端使用地图组件需要向高德或百度等三方服务商申请SDK资质,获取AppKey,打包时需要在manifest的SDK配置中填写Appkey。在manifest可视化界面有详细申请指南。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录