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

最新推荐文章于 2024-04-15 19:25:10 发布
最新推荐文章于 2024-04-15 19:25:10 发布
阅读量1k 收藏 1
点赞数
分类专栏： node.js 文章标签： electron vue vue-electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang1472jian1110/article/details/103016689
版权

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.如果出现如下图结果，则代表程序运行正常

最低0.47元/天 解锁文章
风中追风风
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....
electron 如何获取位置坐标信息
02-18 653
关于electron应用获取坐标数据，navigator的话，需要https或者是携带证书，搞起来比较麻烦，直接使用第三方服务就比较简单了，上面的方法都是现在常用的获取坐标的方式，可以参考一下，有问题大家不妨讨论讨论。进行坐标转换，当你直接调用接口获取数据，在使用的时候发现坐标不是很准确，多半是需要转换一下之后再使用。去调用的话，精度不高，只去到所在城市的中心点，所以基本没啥用，想要提高精度，增加自己的投入就好。以百度为例，如果是直接自己创建ak，通过。缺点：需要授权，或者某些场景没办法获取。
vue2+electron+amap高德地图实现地址转换坐标
jill12的博客
04-15 510
子组件map.vue。
在 Electron 应用中，通过 ＜script＞ 标签引入百度地图在线 SDK 时报错
最新发布
weixin_43876422的博客
04-15 221
在 Electron 应用中，通过 “ ”标签引入百度地图在线 SDK 时报错,或者vue、react等其他在线资源报错时以下方法都适用。
electron增加导航按钮_【APP测评分析】地图：百度、高德、腾讯、北斗导航、搜狗地图...
weixin_39757212的博客
11-15 394
当代人如果离开了导航去到陌生的城市，基本都会迷失在钢筋水泥和四通八达的城市道路之间，作为好友出行的移动GPS和立志成为产品经理的预备程序员，找到一款实用的地图APP至关重要，因此选择以下5款地图APP进行初级测评：（注：之所以加入北斗导航地图是为了做对比，其在各个方面有优有劣，此北斗导航地图与北斗卫星并无关系。5个APP版本号分别为：百度地图15.0.8、高德地图10.51.0.1078、腾讯地图...
electron的学习之路（三）
qq_36414265的博客
01-02 518
1.扩展地图功能 本来就是想拿来做做毕设，顺势留个笔记。 之后往mapControll文件里添加各种百度地图的小功能 <template> <div id="wrapper"> <img id="logo" src="~@/assets/logo.png" alt="electron-vue"> &lt
百度地图api离线开发（示例源代码）
bigemap的博客
05-24 6046
相关教程： 1、如何搭建WEB离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据） 3、离线地图二次开发接口（离线地图API） 4、离线地图API接口实例DEMO 5、离线地图完整演示实例 说明： 1.当前版本支持 谷歌电子/卫星地图瓦片、高德地图、阿里云地图、超图、腾讯地图等（只需下载该地图源的瓦片拷贝到指定目录即可）； 2.效果预览演示地址：...
electron的第一次亲密接触——一个数据提取工具的前世今生（二）
weixin_40541945的博客
03-29 6386
学习JavaScript和node的艰难历程
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
electron-vue-serialport:electron-vue serialport 串口读取
05-24
项目参考项目运行环境1，...version 2017其他安装方法……百度项目的安装与使用clone到本地# clone到本地git clone https://github.com/648702308/electron-vue-serialport.git# 切换到项目目录npm install`或者`cnp
electron-vue-template:electron vue 模板
05-08
electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:...
iMap一个基于Electron和Vue的旅行地图生成工具
08-10
一个基于 Electron 和 Vue 的旅行地图生成工具
百度地图毕业设计源码-finance-steward-GUI:基于electron、react、redux、webpack、typescrip
06-06
百度地图毕业设计源码 智能财务系统开发笔记 [TOC] 南川，2021年4月 项目概况 TODO 增加本地上传功能（以对OpenAPI进行测试） 研究mongoose -> swagger的实现 对分类结果与图片的本身标注做对比分析 进一步解决只识别出部分条目的图片问题（打算先以识别出小于3条的流水类图片着手分析） 进一步解决未分类成功的问题 对详情类图片做进一步的检验（因为这个相较于流水类更难捕捉出错误） 对分类的所有结果进行统计分析 增加对其他类型，例如图片等文件的导入支持（暂无需求） Finished 解决react的热更新问题（已基于webpack serve实现） 解决electron的热更新问题（已基于electron-reloader实现） 增加对css、less等文件的导入支持（已基于style-loader、css-loader、les-loader在webpack中实现） 修复由于redux-thunk导致的redux在createStore时出现typescript警告的问题（这个问题最令我惊奇的是使用//@ts-ignore都无法屏蔽……不过本质上是因为comb
roadmap:electron应用，gps轨迹整合，方便骑行徒步爱好者们show出轨迹
05-12
roadmap Based on the efforts of 如何使用 从中下载对应系统版本 输入必要信息 导入gpx文件（可以在运动健身app中寻找） *（可选）*输入定位中心城市（中文，默认北京） *（可选）*输入网页标题 点击“Generate!”生成资源文件到桌面名为roadmap-output的文件夹中 直接将文件夹置于服务器目录即可 网页功能 展示所有轨迹的叠加 显示总里程、总时间 点击路线高亮整条路径，并显示对应运动详情 显示路径所在的所有城市和省份，点击跳转到城市所在位置 支持展示有gps定位的图片 开发 Electron部分 yarn install # test yarn dev # start = dev yarn start # build yarn build yarn dist # release = build + dist yarn release web
Electron-vue开发的客户端支付收款工具的实现
01-19
前端页面使用阿里的组件，ant-design-vue 通过node，使用nedb内存数据库进行本地数据存储 安装文件支持自定义。生成的exe，安装过程如下 程序代码简述 main.js import devtools from '@vue/devtools' ...
electron相关资料，地图，图形等链接
浩星
11-05 243
前言： 对资料进行整理，记录 electron: 1、Vue项目中引入electron发布桌面应用 2、使用electron-builder打包成应用文件 3、electron打包踩过的坑总结 4、各种版本需要的包https://npm.taobao.org/mirrors/electron 其他： 1、Exif.js 读取图像的元数据 2、网络视频监控平台 3、三维建模 4、(1)51world (2)http://www.51hitech.com/te...
2.Electron-封装地图瓦片下载小工具(MapDownload) [主进程和渲染器进程]
weshmily前端
12-27 1237
本软件完成状况 未完成~~ 在做软件之前 在做软件之前我们很有必要把主进程和渲染器这两种类型的进程的概念给大家介绍一下。这很重要 , 他跟浏览器结构很相似, 什么是进程(process) 我们打开任务管理器,每一行都是一个进程 浏览器 在最早期浏览器大多使用单个进程来处理多个标签页 虽然这样打开的标签页消耗的性能很小,但是就意味着一个标签的页面崩溃或者无响应,就会影响到整个浏览器。 所以为了解决这问题, Chrome 团队决定让每个标签页在自己的进程中渲染就像下面图一样 Electron 应用程序的结
iMap | 一款基于 Electron 和 Vue 的跨平台旅行地图生成器
weixin_33858485的博客
10-16 424
项目地址：https://huangxizhou.com/project/iMap 技术栈 Vue.js Vuex Axios Webpack Leancloud（express） Echarts Electron（electron-vue） 项目目录 . ├── LICENSE ├── README.md ├── build···...
electron-vue electron-log
12-15
electron-vue 是一个基于 electron 构建的 vue.js 框架。它结合了 vue.js 和 electron，可以让开发者使用 vue.js 的组件化开发方式来构建跨平台的桌面应用程序。使用 electron-vue 可以快速搭建 electron 应用的基础结构，并且利用 vue.js 的特性来开发界面和逻辑。 而 electron-log 是一个专为 electron 应用程序设计的日志模块。它为 electron 应用提供了方便的日志记录功能，可以将日志输出到文件或控制台，并且支持日志的级别和格式设置。electron-log 还可以方便地集成到 electron-vue 项目中，帮助开发者更好地管理和记录应用程序的日志信息。 electron-vue 和 electron-log 的结合使用，可以让开发者更加轻松地构建和管理 electron 应用程序。开发者可以利用 electron-vue 来快速搭建应用的界面和逻辑，同时使用 electron-log 来记录和管理应用程序的日志信息。这种组合可以提高开发效率，让开发者更加专注于应用程序的功能和用户体验。同时，electron-log 也可以帮助开发者更好地监测应用程序的运行状态，及时发现和解决问题，从而提高应用程序的稳定性和可靠性。因此，electron-vue 和 electron-log 是非常适合 electron 应用开发的工具，可以帮助开发者更好地完成应用程序的开发和维护工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值