javascript
this.mapContext.getCenterLocation({
success: (res) => {
console.log("getCenterLocation");
console.log(res);
}
})
小明学长
- 发布：2021-10-14 16:39
- 更新：2022-09-27 10:20
- 阅读：977
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11
HBuilderX类型： 正式
HBuilderX版本号： 3.2.3
手机系统： iOS
手机系统版本号： IOS 14
手机厂商： 苹果
手机机型： xsmax
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
javascript
this.mapContext.getCenterLocation({
success: (res) => {
console.log("getCenterLocation");
console.log(res);
}
})
javascript
this.mapContext.getCenterLocation({
success: (res) => {
console.log("getCenterLocation");
console.log(res);
}
})预期结果：
nvue页面获取地图中心点坐标
nvue页面获取地图中心点坐标
实际结果：
调用this.mapContext.getCenterLocation没有反应
调用this.mapContext.getCenterLocation没有反应
bug描述：
nvue页面使用getCenterLocation获取中心点坐标没反应
用下面的代码验证下
<template>
<view>
<map id="map1" class="map1" :latitude="latitude" :longitude="longitude"></map>
<button @click="getCenterLocation">getCenterLocation</button>
</view>
</template>
<script>
export default {
data() {
return {
latitude: 39.925539,
longitude: 116.279037
}
},
onReady() {
this.mapContext = uni.createMapContext("map1", this);
},
methods: {
getCenterLocation() {
this.mapContext.getCenterLocation({
success: (res) => {
console.log("getCenterLocation");
console.log(res);
}
})
}
}
}
</script>
<style>
.map1 {
width: 750rpx;
height: 400px;
}
</style>
小明学长 (作者)
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"app-plus": {
"subNVues": [{
"id": "map", // 唯一标识
"path": "pages/index/map", // 页面路径
"style": {
"position": "absolute",
"dock": "top",
"top": "10%",
"width": "100%",
"background": "transparent"
}
}]
}
}
}
],
小明学长 (作者)
我刚才试了，在nvue中没有效果，点击没有反应
2021-10-15 14:44
DCloud_uni-ad_HDX
回复 小明学长: 用的什么基座？新建个项目，代码贴进去试试
2021-10-15 14:51
小明学长 (作者)
回复 DCloud_uni-ad_HDX: 测试用例我用的标准基座不行，下面的测试代码帮忙看下哪里的问题
2021-10-15 15:05
DCloud_uni-ad_HDX
回复 小明学长: 确定是新建空项目 粘贴到 index 并修改扩展名改为nvue 吗
2021-10-15 15:11
小明学长 (作者)
回复 DCloud_uni-ad_HDX: 不是，我是建的空项目然后在index中引入的map.nvue这样子
2021-10-15 15:13
小明学长 (作者)
回复 DCloud_uni-ad_HDX: 我刚才又试了一下，直接用nvue的话可以获取，我是在vue中通过subNVues引入的，这样不行
2021-10-15 15:24
5***@qq.com
回复 小明学长: 直接用怎么用啊，我也是subnvues引入的，一堆问题，比如用点聚合不显示marker，initMarkerCluster都不执行回调
2022-12-09 16:43