electron-vue制作的高德,百度地图的接口查询工具

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,这时候会出现下图:

electron-vue制作的高德,百度地图的接口查询工具_第1张图片

7.在工具中选中 高德地图或者百度地图,选择目标城市,输入关键字(后面的时间选择没有用到暂时),点击查询
8.如果出现如下图结果,则代表程序运行正常

electron-vue制作的高德,百度地图的接口查询工具_第2张图片

9.这时候可以进行执行程序的打包了,支持window,mac,linux的打包,默认如果不改任何配置,会自动根据当前所处系统,打包对应文件,运行编译指令,npm run build(更详细的操作参数可以自行查看官方文档)

10.打包成功后效果如下:

electron-vue制作的高德,百度地图的接口查询工具_第3张图片

electron-vue制作的高德,百度地图的接口查询工具_第4张图片

electron-vue制作的高德,百度地图的接口查询工具_第5张图片

11.源代码很简单,给大家一个灵感和参考,有兴趣自行修改就好了,就是希望大家给个star,给我个以后继续更新的动力!

你可能感兴趣的:(node.js)