uniapp 微信小程序 map地图点击按钮将地图中心移动到指定定位点

最新推荐文章于 2025-03-11 19:29:12 发布

公孙元二

最新推荐文章于 2025-03-11 19:29:12 发布

阅读量8k

点赞数 3

分类专栏：微信小程序/开发者工具/uniapp/HBuilder 文章标签： uniapp mapContext moveToLocation 实时定位当前位置

本文链接：https://blog.csdn.net/Amnesiac666/article/details/121637016

版权

微信小程序/开发者工具/uniapp/HBuilder 专栏收录该内容

100 篇文章

订阅专栏

此篇博客介绍了如何使用UniApp的createMapContext API在小程序中实现地图功能，包括移动用户至指定经纬度和仅定位当前位置。通过实例展示了 moveToLocation方法的用法及其回调处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<cover-view class="buttom-view-icon-button"  @click="moveTolocation">
                            <cover-image src="/static/map/location.png" class="buttom-view-icon-button-img"></cover-image>
                        </cover-view>

        moveTolocation(){
            let mapObjs = uni.createMapContext('mapId', this)
            mapObjs.moveToLocation({ latitude: 25.01335131460308,
longitude: 121.53562913165706 },
            {
                complete: res=>{
                    console.log('移动完成:', res)
                }
            })
            // this.onRegionChange('',true)
        },

如果只是想移动用户当前实际位置，不用传经纬度就可以了

        moveTolocation(){
            let mapObjs = uni.createMapContext('mapId', this)
            mapObjs.moveToLocation(
            {
                complete: res=>{
                    console.log('移动完成:', res)
                }
            })
            // this.onRegionChange('',true)
        },

官方文档地址：https://uniapp.dcloud.io/api/location/map?id=createmapcontext