<template>
<view>
<map class="map" :scale="14" :latitude="centerPoint.latitude"
:longitude="centerPoint.longitude" :markers="markers"></map>
</view>
</template>
<script>
export default {
data() {
return {
markers: [{
latitude: 39.909,
longitude: 116.39742,
iconPath:"/static/dingwei.png",
width:175,
height:75
}, {
latitude: 39.90,
longitude: 116.39,
iconPath:'../../static/dingwei.png',
width:75,
height:75
}, {
latitude: 39.891,
longitude: 116.39333,
iconPath:"/static/dingwei.png",
width:75,
height:75
}],
centerPoint: {
latitude: 39.909,
longitude: 116.39742
}
}
},
methods: {
}
}
</script>
<style>
.map{
width: 100%;
height: calc(100vh - var(--window-top));
}
</style>
- 发布:2021-06-30 17:35
- 更新:2022-10-12 22:11
- 阅读:883
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macOS Big Sur 11.4
HBuilderX类型: 正式
HBuilderX版本号: 3.1.18
手机系统: Android
手机系统版本号: Android 11
手机厂商: 小米
手机机型: 小米10
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
根据代码复现
根据代码复现
预期结果:
app中可显示自定义iconPath图片
app中可显示自定义iconPath图片
实际结果:
app中自定义iconPath图片无效
app中自定义iconPath图片无效
不归州 (作者)
嗯嗯,使用了nvue没问题,但是vue要么一致,要么直接砍掉,map组件就不要保留vue了
2021-07-02 11:19