巷子
巷子
  • 发布:2023-06-20 15:42
  • 更新:2023-08-25 18:00
  • 阅读:288

【报Bug】moveToLocation

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 专业版本21H2

HBuilderX类型: 正式

HBuilderX版本号: 3.8.4

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: 荣耀鸿蒙

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

创建地图上下文uni.createMapContext(this.mapId, this)
开启地图的show-location
调用moveToLocation(params);

预期结果:

移动到定位点的位置

实际结果:

一点都不能移动,走了fail

bug描述:

moveToLocation()
不传经纬度
移动失败

传经纬度移动成功

用的nvue页面

2023-06-20 15:42 负责人:无 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

上传可复现的demo,方便排查

  • 8***@qq.com

    <template>

    <!-- 选择点 -->

    <view>

    <map class="map" id="map" show-location>

    </map>

    <image class="map-current-position" src="/static/imgs/common/address.png"></image>

    <uni-search-bar class="search-box" bgColor="#fff" radius="100" placeholder="请输入编码或名称" cancelButton="none"

    @confirm="search" />

    <view class="pd-lr-30">

    <label class="list-item flex-row pd-24 margin-t-10 flex-a-center" v-for="(item,index) in 10" :key="item">

    <text class="serial-number">{{index+1}}</text>

    <view class="flex-1">

    <text class="font-bold font-14 padding-t">SQZY31120</text>

    <text class="font-14 padding-t color-485465">双清区屏丰路中压调压柜1</text>

    </view>

    <view class="flex-row flex-a-center">

    <checkbox :value="1" />

    </view>

    </label>

    </view>

    </view>

    </template>


    <script>

    export default {

    data() {

    return {

    longitude: '',

    latitude: '',

    }

    },

    onReady() {

    this.mapContent = uni.createMapContext('map', this);

    },

    methods: {

    search(e) {

    this.mapContent.moveToLocation({

    longitude: 116.4229084005936,

    latitude: 39.94964694077111,

    complete: (a) => {

    console.log(a)

    }

    })

    }

    }

    }

    </script>


    <style scoped>

    .map {

    width: 750rpx;

    height: 1120rpx;

    background-color: #ccc;

    }


    .search-box {  
    position: absolute;
    top: 986rpx;
    width: 750rpx;
    }

    .list-item {
    height: 168rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 10rpx 24rpx 0rpx rgba(194, 207, 216, 0.5);
    border-radius: 16rpx;
    }

    .serial-number {
    width: 50rpx;
    height: 50rpx;
    border: 10rpx solid #3D70E8;
    border-radius: 50%;
    text-align: center;
    line-height: 30rpx;
    margin-right: 20rpx;
    font-size: 24rpx;
    }

    .map-current-position {
    position: fixed;
    top: 560rpx;
    left: 325rpx;
    width: 65rpx;
    height: 94rpx;
    }

    </style>

    2023-08-25 18:01

  • 8***@qq.com

    经纬度删掉就不行了

    2023-08-25 18:01

  • 巷子 (作者)

    我换了一种实现方式

    2023-08-28 13:23

8***@qq.com

8***@qq.com - 小前端一枚

我也是这样的,nvue页面无法操作,必须传经纬度才行

  • 巷子 (作者)

    我没有用这个实现了,我换一种方式了,你应该也是实现地图选点功能吧,我换成了更改map组件的经纬度了,但是没有移动的平滑动画

    2023-08-28 13:20

要回复问题请先登录注册