本文主要是介绍在vue中如何使用leaflet图层展示地图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
在vue中如何使用leaflet
<template><div id="map" class="map"></div>
</template><script>
export default {data () {return {};},mounted(){this.initMaps()},methods: {initMaps () {const map = L.map('map', {zoomControl: false,attributionControl: false}).setView([39.9042, 116.4074], 10);L.tileLayer('https://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}',).addTo(map)},}
}
</script><style lang="less" scoped>
.map{height: 100%;width: 100%;
}
</style>
参考文档链接: leaflet
这篇关于在vue中如何使用leaflet图层展示地图的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
