vue编写一段地图绘制代码

好的，请稍等，以下是关于使用 Vue 绘制地图的示例代码：

<template>
<div>
<div id="map-container"></div>
</div>
</template>

<script>
import * as L from 'leaflet'

export default {
mounted() {
const map = L.map('map-container').setView([51.505, -0.09], 13)
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data © OpenStreetMap contributors',
maxZoom: 18
}).addTo(map)
L.marker([51.5, -0.09]).addTo(map)
.bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
.openPopup()
}
}
</script>

<style>
#map-container {
height: 500px;
}
</style>

希望这可以帮到你！如果你还有其它问题，请随时问我。