在Vue3项目中使用百度地图
如果您的vue项目中要使用地图服务,推荐 vue-baidu-map 这个插件。
接下来,教大家如何使用。
第一步,注册百度地图开发者账号,获得 ak 秘钥
注册地址:http://lbsyun.biadu.com/apiconsole/key
第二步:安装插件
npm install vue-baidu-map-3x
第三步:使用地图
<baidu-map class="bm-view" :center="{lng: 116.404, lat: 39.915}" :zoom="10">
<bm-navigation :type="1" anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
</baidu-map>
查看演示效果:
演示地址:https://www.eleadmin.cn
vue3-element-plus-admin 可广泛应用于各种后台管理系统,如电商平台、CRM(客户关系管理)、CMS(内容管理系统)等。对于需要快速搭建后台界面或原型的团队,这是一个理想的起点。