<template>
<view class="page">
<map class="map" :latitude="location.latitude" :longitude="location.longitude" :scale="scale" :circles="circles" :markers="markers"></map>
</view>
</template>
<script>
export default {
data() {
return {
scale: 14,
location: {
longitude: 116.322056,
latitude: 39.89491,
name: '北京',
address: '北京'
},
circles: [{
longitude: 116.322056,
latitude: 39.89491,
color: '#076fab',
fillColor: 'rgba(48,101,199,0.21)',
radius: 1000,
strokeWidth: 3,
}],
markers: [{
id: 0,
longitude: 116.322056,
latitude: 39.89491,
iconPath: '/static/icon_dw.png',
width: 40,
height: 40,
}]
}
},
methods: {
}
}
</script>
<style>
.page{
flex: 1;
}
.map{
flex: 1;
}
</style>
白小汪
- 发布：2022-03-24 17:12
- 更新：2022-03-24 17:36
- 阅读：194
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： macOS Monterey 12.2.1
HBuilderX类型： 正式
HBuilderX版本号： 3.3.13
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 模拟器
手机机型： iPhone 13
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
无
无
预期结果：
无
无
实际结果：
无
无
白小汪 (作者)
麻烦帮看下，我传了整个的项目包在，下个评论中
2022-03-24 17:38