本文介绍了如何使用electron-vue搭建一个集成高德和百度地图查询功能的应用。首先确保安装npm和electron-vue环境，然后从github下载源代码，申请地图API key。将key填入SearchTag.vue文件，安装依赖并运行npm run dev启动应用。应用能选择地图类型、搜索城市及关键字，正常运行时会显示查询结果。最后，通过npm run build进行跨平台打包。
1.使用环境：安装npm，安装electron-vue
2.下载源代码，github地址：给个star好不好 （听说用了还不点star的都会没有小jj-。-）
3.申请百度，高德地图开发者账号，创建项目获取key
4.打开src/renderer/components/SearchTag.vue，找到第281行和283行分别填写高德key和百度key
5.进入项目根本录，运行npm install
6.运行npm run dev，这时候会出现下图：
7.在工具中选中 高德地图或者百度地图，选择目标城市，输入关键字（后面的时间选择没有用到暂时），点击查询
8.如果出现如下图结果，则代表程序运行正常
9.这时候可以进行执行程序的打包了，支持window，mac，linux的打包，默认如果不改任何配置，会自动根据当前所处系统，打包对应文件，运行编译指令，npm run build(更详细的操作参数可以自行查看官方文档)
10.打包成功后效果如下：
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
