<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
<view style="border: 1px solid red;">
<map
style="width: 750rpx; height: 50vh"
:scale="myMap.scale"
:min-scale="myMap.minScale"
:max-scale="myMap.maxScale"
:latitude="myMap.latitude"
:longitude="myMap.longitude"
:markers="myMap.covers"
:enable-scroll="false"
:enable-zoom="false"
>
</map>
</view>
</view>
</template>
<script setup>
import { ref } from "vue";
import iconPath from "@/static/location.png";
const title = ref("test");
// 87.51324219094087,43.837167517971544
const point = ref({
longitude: 87.51324219094087,
latitude: 43.837167517971544
})
const myMap = ref({
id: 0, // 使用 marker点击事件 需要填写id
title: "map",
// scale: 16,
minScale: 3,
maxScale: 20,
latitude: point.value.latitude, //43.8256,
longitude: point.value.longitude, //87.6168,
covers: [
{
latitude: point.value.latitude, //43.8256,
longitude: point.value.longitude, //87.6168,
localName: "",
iconPath,
label: {
content: "我的位置",
anchor: { x: 0.5, y: 0.5 },
x: -35,
y: -5,
borderWidth: 1,
borderColor: "#FF0000",
// bgColor: "#FF0000",
color: "#000",
padding: 10,
textAlign: "center",
display: "ALWAYS",
},
}
],
});
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
1***@qq.com
- 发布：2025-10-20 19:08
- 更新：2025-10-20 19:08
- 阅读：11
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
HBuilderX类型： 正式
HBuilderX版本号： 4.76
手机系统： Android
手机系统版本号： Android 15
手机厂商： 华为
手机机型： 荣耀90
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
- 使用自定义基座启动查看地图标注点
- 云打包后安装app打开页面查看地图标注点
- 使用自定义基座启动查看地图标注点
- 云打包后安装app打开页面查看地图标注点
预期结果：
相同坐标的标注点使用地图组件map在自定义基座中和云打包后显示的位置应该一致
相同坐标的标注点使用地图组件map在自定义基座中和云打包后显示的位置应该一致
实际结果：
相同坐标的标注点使用地图组件map在自定义基座中和云打包后显示的位置不一致
相同坐标的标注点使用地图组件map在自定义基座中和云打包后显示的位置不一致
bug描述：
相同坐标的标注点使用地图组件map在自定义基座中和云打包后显示的位置不一致
地图厂商：百度地图
