38 lines
593 B
Vue
38 lines
593 B
Vue
|
<template>
|
||
|
|
<view class="page-section page-section-gap">
|
||
|
|
<map class="map" :latitude="latitude" :longitude="longitude" :customMapStyle="amapStyle" :show-location="true"
|
||
|
|
:markers="covers">
|
||
|
|
</map>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
id: 0, // 使用 marker点击事件 需要填写id
|
||
|
|
title: 'map',
|
||
|
|
latitude: 39.909,
|
||
|
|
longitude: 116.39742,
|
||
|
|
covers: [{
|
||
|
|
latitude: 39.909,
|
||
|
|
longitude: 116.39742,
|
||
|
|
|
||
|
|
}],
|
||
|
|
amapStyle: {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.map {
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
</style>
|