当前位置: 首页 > article >正文

在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(内容管理系统)等。对于需要快速搭建后台界面或原型的团队,这是一个理想的起点。


http://www.kler.cn/a/531782.html

相关文章:

  • 交叉验证、精确率、召回率
  • C++:结构体和类
  • 【C语言入门】解锁核心关键字的终极奥秘与实战应用(二)
  • 2.攻防世界PHP2及知识点
  • final-关键字
  • 【Linux系统】信号:信号保存 / 信号处理、内核态 / 用户态、操作系统运行原理(中断)
  • vscode flutter 项目连接 mumu 浏览器
  • BUUCTF Pwn axb_2019_brop64 题解
  • aws(学习笔记第二十七课) 使用aws API Gateway+lambda体验REST API
  • C++泛型编程指南07 函数重载
  • 来自谷歌新作:SFT负责记忆遵循,RL驱动泛化迁移?
  • Use-DeepSeek增效
  • 将D盘空间划分给C盘
  • 大年初六,风很大
  • 自研有限元软件与ANSYS精度对比-Bar2D2Node二维杆单元模型-四连杆实例
  • 华为OD机试E卷 --智能成绩表--24年OD统一考试(Java JS Python C C++)
  • GRN前沿:利用DigNet从scRNA-seq数据中生成基于扩散的基因调控网络
  • Linux:指令大全(二)
  • OpenAI推出Deep Research带给我们怎样的启示
  • 物业管理系统源码提升社区智能化管理效率与用户体验
  • 使用IDEA社区版搭建Springboot、jsp开发环境
  • RAG 与历史信息相结合
  • 自动化运维的未来:从脚本到AIOps的演进
  • 基于LabVIEW的Modbus-RTU设备通信失败问题分析与解决
  • 自托管看板工具BanBan
  • 利用redux与react实现异步操作