uni-app map组件使用百度地图云打包自定义基座运行位置显示偏差
uni-app map组件使用百度地图云打包自定义基座运行位置显示偏差
| 项目 | 内容 |
|---|---|
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | win11专业版 24H2 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 4.85 |
| 手机系统 | 全部 |
| 页面类型 | vue |
| vue版本 | vue3 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
产品分类： uniapp/App
测试过的手机：
OnePlus Ace2 android16 ios iphoneX ios16
示例代码：
<map style="width: 100%;" :style="{height: ($u.sys().windowHeight - $u.sys().statusBarHeight - 124) + 'px' }"
:longitude="mapLong" :latitude="mapLat" :markers="markers">
更多关于uni-app map组件使用百度地图云打包自定义基座运行位置显示偏差的实战教程也可以访问 https://www.itying.com/category-93-b0.html
13 回复
回复 DCloud_App_Array: <template> <view class="content"> <map style="width: 100%; height: 90vh;" :longitude="mapLong" :latitude="mapLat" :markers="markers"> </map> </view> </template>
<script>
export default {
data() {
return {
mapLat: '31.782767',
mapLong: '117.245965',
markers: [{
id: 1,
latitude: 31.782767,
longitude: 117.245965,
iconPath: '/static/logo.png',
width: 38,
height: 38
}]
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>
