vue中使用高德
首先我们要申请高德地图的key，当前升级过后高德地图使用也需要加上安全秘钥
注册账号
访问高德地图开发平台根据实际情况填写就可以🍜（实名认证的时候选择个人就可以，如果是企业级的项目，可能会涉及人员变动，建议使用公司邮箱进行注册
我的应用 | 高德控制台
注册之后在我的应用中创建新应用
创建完之后就可以通过key和安全秘钥进行使用
之后我们就下载安装依赖
npm install vue-amap --save
安装完之后在main.js中引入全局依赖进行使用
当然还有其他安全的引入方法，具体可以去高德api文档看一下
JS API 的加载-基础-进阶教程-地图 JS API 2.0 | 高德地图API
然后再页面就可以进行使用了
当然还有直接在index中添加但是后台如果有域名限制，就需要把域名限制增加一部分，当然前端也是可以的
然后咱们创建页面
下面是创建的点坐标
相关文章：
vue中使用高德
首先我们要申请高德地图的key，当前升级过后高德地图使用也需要加上安全秘钥 注册账号 访问高德地图开发平台根据实际情况填写就可以🍜（实名认证的时候选择个人就可以，如果是企业级的项目，可能会涉及人员变动…...
React class组件和hooks setState异步更新数据详解
一、 class组件setState详解 1.class组件setState异步更新数据详解 class Father extends React.Component{state {num:0}addHandler () > { this.setState({num: 100})console.log(state中的值,this.state.num)}render() { return (<div><button onClick{this…...
ToBeWritten之嵌入式操作系统
也许每个人出生的时候都以为这世界都是为他一个人而存在的，当他发现自己错的时候，他便开始长大 少走了弯路，也就错过了风景，无论如何，感谢经历 转移发布平台通知：将不再在CSDN博客发布新文章，敬…...
git 实际开发中使用-解决问题
前言 git代码版本管理工具，打破常规的物理传输，更新，合并，回滚提高了开发效率和可追溯性。 网上的资料会把所有的命令都很全也很多，导致对刚刚了解的同学不友好，很难实际使用。 每个人都有自己使用git的习…...
新星计划·2023-第1期 - Python赛道报名入口 -〖你就是下一个新星〗
↓↓↓报名方式：（下滑到本页面底部）重要提醒：这里是 新星计划2023-第1期 - Python赛道报名入口，一经报名，不可更换。报名入口点击此处跳转 一、新星计划 新星计划是一个以发掘潜力新人、培养优质博主为目…...
Android LowMemoryKiller概述
Agenda Low memory killer 概述 内核空间LMK ULMK‐vmpressure ULMK‐PSI Low memory killer 概述 lowmemorykiller的作用就是当内存比较紧张的时候去及时杀掉一些对用户来说不那么重要的进程，回收内存，保证手机的正常运行。安卓平台lowmemorykiller机…...
特殊操作流——案例：游戏次数
需求：请求程序实现猜数字小游戏只能试玩三次，如果还想玩，提示：游戏已经结束，想玩请充值（www.itcast.cn） 思路： 写一个游戏类，里面有一个猜数字的小游戏 写一个测试类&am…...
git clone connect to gitlab sign in token弹窗让我输入用户名和密码
系列文章目录 文章目录系列文章目录前言前言 当我使用git bash输入命令：git clone https://gitlab.freedesktop.org/raqm/raqm.git libraqm 弹窗 ASUSLAPTOP-0R30I78P MINGW64 /e/krita-dev $ git clone https://gitlab.freedesktop.org/raqm/raqm.git libraqm C…...
【Blender】如何在Blender中添加HDRI环境贴图
什么是HDRI环境贴图 环境贴图或HDRI贴图是在Blender中照亮3D场景并实现逼真效果的最有效和最快捷的方法之一。 HDRIs本质上是现实世界照明的快照，其中包含高动态范围成像（HDRI）的准确照明细节。HDRI是一个包含亮度信息（从暗…...
前端监控指的是什么？
前端监控分为三个方面： 异常监控（监控前端页面的报错）性能监控（监控页面的性能）用户行为监控（监控用户的行为，计算PV、UV、在线时间等、数据监控即我们常说的埋点 例子1 在后端突然上线了某个需…...
.net core 面试题 2023
文章目录1. 什么是 ASP.net core2. .net 术语3. 托管资源 和 非托管资源4. GC 和 垃圾回收5. .net中所有类的基类6. 如何实现对象的深拷贝7. 依赖注入，为什么使用依赖注入8. IOC容器的注入方法9. ASP.net core 中 服务生命周期10. scoped的 service 可以注入到 sing…...
和ChatGPT关于Swing music的一场对话（上篇）
什么是 Swing Music ？ Swing Music 是一款漂亮的自托管音乐播放器，适用于您的本地音频文件。就像一个更酷的 Spotify …但带上你自己的音乐。 第一次在 reddit 上看到 Swing Music，就被其 UI 吸引了 但源码站点的releases 中只有 windows 和 …...
java版工程项目管理系统源码 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离 功能清单
ava版工程项目管理系统 Spring CloudSpring BootMybatisVueElementUI前后端分离 功能清单如下： 首页 工作台：待办工作、消息通知、预警信息，点击可进入相应的列表 项目进度图表：选择（总体或单个）项目显示1…...
debian 10 扩展分区容量
debian 10 扩展分区容量1、扩展分区原因2、添加一块磁盘3、命令记录3.1、新增加的磁盘是/dev/sdb3.2、使用磁盘/dev/sdb 创建物理卷3.3、 把物理卷/dev/sdb加入到卷组debian-vg中3.4、查看物理卷、逻辑卷3.5、扩展逻辑卷/tmp3.6、逻辑卷组debian-vg 空余空间被用掉10g 还剩90g可…...
【无功优化】基于改进遗传算法的电力系统无功优化研究【IEEE30节点】（Matlab代码实现）
💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。 ⛳️座右铭&a…...
LeetCode 218. 天际线问题
城市的 天际线 是从远处观看该城市中所有建筑物形成的轮廓的外部轮廓。给你所有建筑物的位置和高度，请返回 由这些建筑物形成的 天际线 。 每个建筑物的几何信息由数组 buildings 表示，其中三元组 buildings[i] [lefti, righti, heighti] 表示…...
Logstash：使用自定义正则表达式模式
有时 Logstash Grok 没有我们需要的模式。 幸运的是我们有正则表达式库：Oniguruma。在很多时候，如果 Logstash 所提供的正则表达不能满足我们的需求，我们选用定制自己的表达式。 定义 Logstash 是一种服务器端数据处理管道，可同时…...
常见的一致性问题及解决
什么是一致性 一致性问题主要是因为分布式系统中的多个节点之间可能存在网络延迟、故障等原因导致的。具体而言，分布式系统中的数据一致性问题可以分为以下几种类型： 强一致性：指在任何时间点，所有节点中的数据都是一致的。这种…...
vue下载文件
注意请求时加入：responseType: bloburl：写全了，因为前后端端口号不同downloadImage(imgUrl) {let formData new FormData();formData.append(fileName, this.getFilename(imgUrl)); // 用于后端下载文件的路径axios.post(http://localhost:8…...
人人都是数据分析师-数据分析之数据图表可视化（下）
当前的BI报表、运营同学的汇报报告中数据图表大多为 表格、折线图、柱状图和饼图，但是实际上还有很多具有代表性的可视化图表，因此将对常见的可视化图表进行介绍，希望这些图表可视化方法能够更好的提供数据的可用性。 人人都是数据分析师-数…...
考勤、充电，绑身份，你的人员定位系统就缺它了！
我们做人脸识别智能发卡充电柜是要解决什么问题？ （1）工地、港口等场景，人员流动大，管理难 在工地、港口等场景，人员组成通常比较复杂。有来自施工方、客户、各劳务队、各管理层的人员，以及来自…...
RocketMQ水平扩展及负载均衡详解
文章目录 Broker端水平扩展Broker负载均衡commit logProducer负载均衡Consumer负载均衡集群模式广播模式RocketMQ是一个分布式具有高度可扩展性的消息中间件。本文旨在探索在broker端，生产端，以及消费端是如何做到横向扩展以及负载均衡的。 Broker端水平扩展 Broker负载均衡…...
java接口笔记
关键字：interface 定义形式：interface 接口名 { 接口体 } 细节： 1.接口里的方法可以为抽象方法，静态方法，默认方法（default 关键字） 2.接口里的方法只能是public ，可以不用写&a…...
安利安利-向大家推荐一个超级牛的etcd管理工具-EtcdKeeperFyne
etcd介绍 关于etcd的介绍大家可以看下这篇文章 etcd 开源仓库地址：EtcdKeeperFyne EtcdKeeperFyne 今天主要是向大家推荐一款使用起来特别方便的Etcd管理工具 EtcdKeeperFyne，具体运行起来的界面如下： 推荐原因 使用简单安装简单&…...
数字经济系列讲座-数字化平台（商业购物平台）
数字经济系列讲座 文章目录 钱的流向退货成本research questionLiterature review现金流发生在平台内侧平台商业模式转型Modelmodel 假设四种情形标记符利润函数&效用函数&平台效益模型构建利润对比图结论future directions讲座题目 To Adopt or not? The Impacts of…...
python3中collections模块详解
collections模块简介 collections包含了一些特殊的容器，针对Python内置的容器，例如list、dict、set和tuple，提供了另一种选择； namedtuple，可以创建包含名称的tuple； deque，类似于list的容器&a…...
护网面试题2.0
1.CSS和CSRF区别 通俗点讲的话： XSS通过构造恶意语句获取对方cookie， CSRF通过构造恶意链接利用对方cookie，但看不到cookie XSS比CSRF更加容易发生，但CSRF比XSS攻击危害更大 2.XSS原理 XSS（Cross-Site Scripting&…...
学习计算机组成原理第1天(计算机发展历程)
计算机发展历程计算机硬件发展计算机软件的发展经典例题计算机硬件发展 计算机的四代变化 1）第一代计算机（1946-1957年）电子管时代。特点：逻辑元件采用电子管；使用机器语言进行编程；主存用延迟线或磁鼓存储…...
二维字符数组与char** 关系 段错误打印
如下为错误，打印断错误。 具体原因参考 http://c.biancheng.net/view/2022.html 二维字符数组与char** 关系 原因： char a[2][20] ; 这是一个二维字符数组。 二维字符数组，这里相当于是两个一维字符串数组。这两个数组在内存的存放位置可以…...
从url输入到页面呈现发生了什么
从url输入到页面呈现发生了什么 1.URL解析 encodeURI / decodeURI 对整个URL的编码：处理空格/中文 let url "http://https://blog.csdn.net/api/ ?lx1&name科比&fromhttp://www.baidu.com/"; console.log(encodeURI(url));encodeURICompone…...