VUE调用高德地图之电子围栏

news2025/1/11 7:46:06

最近项目上电子围栏功能,就是地图上限定的区域内实现限行功能,用我们身边的事物来举例,共享单车的限行、限停区域就是电子围栏。由此可见,电子围栏最基础的做法就是在地图上实现多边形覆盖物。

效果图大概如下:

在这里插入图片描述照例,第一步:加载JS AP。

1.在public/index.html中加入:

<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&callback=init"></script>

2.放置地图极控制功能
在这里插入图片描述
3.初始化地图
在这里插入图片描述

4.绘制多边形

在这里插入图片描述
如果需要一次绘制多个矢量图,可以删除 __this.mouseTool.close

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/917935.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【LINUX协议栈】netfilter之连接跟踪机制

1、什么是链接跟踪 连接跟踪&#xff0c;顾名思义&#xff0c;就是跟踪&#xff08;并记录&#xff09;连接的状态。一般conntrack用来指代“Connection Tracking”&#xff0c;即连接跟踪&#xff0c;是建立在 Netfilter框架之上的重要功能之一。 2、为什么需要链路跟踪 因…

天润融通「微藤大语言模型平台2.0」以知识驱动企业高速增长

8月23日&#xff0c;天润融通&#xff08;又称“天润云”,2167.HK&#xff09;&#xff0c;正式发布「微藤大语言模型平台2.0」。 “大模型企业知识企业知识工程”。 “不能有效记录和管理知识的企业是不能持续进步的。在企业的生产流程中&#xff0c;相比于其他场景&#xff0…

Heikin Ashi最简单的一种烛台移动平均线

是不是每次进行交易的时候&#xff0c;市场上的各种新闻真真假假&#xff0c;搞的交易者每次都分不清楚&#xff0c;今天FPmarkets澳福给各位投资者推荐一种交易策略——“Heikin Ashi” “Heikin Ashi”只通过四个参数构建&#xff1a;开盘价、收盘价、最高价和最低价(最大和…

Vlan技术实操(第四课)

一 代码的常用命令一 vlan的增删改查 1&#xff09;创建vlan[SW1]vlan 2 [2-4094] 创建vlan[SW1]vlan batch 10 20 30 创建多个不连续的vlan[SW1]display vlan 查看vlan信息[SW1]vlan batch 50 to 60创建多个连续的vlan[SW1]vlan2[SW1-vlan2]description caiwu添加描述信息&am…

分布式锁 总结

分布式锁 在应用开发中&#xff0c;特别是web工程开发&#xff0c;通常都是并发编程&#xff0c;不是多进程就是多线程。这种场景下极易出现线程并发性安全问题&#xff0c;此时不得不使用锁来解决问题。在多线程高并发场景下&#xff0c;为了保证资源的线程安全问题&#xff0…

震惊!友达台中厂长传过劳逝世 | 百能云芯

8月23日消息&#xff0c;近日面板大厂友达风波不断&#xff0c;8月3日有消息称&#xff0c;生产笔电的5代厂与电视的6代厂已经半年没有订单了&#xff0c;面板产业很惨&#xff0c;预计裁员100至200人。今天接到消息称&#xff0c;任职才1年的台中友达6A厂厂长&#xff0c;传因…

8月第3周榜单丨哔哩哔哩飞瓜数据B站UP主排行榜发布!

飞瓜轻数发布2023年8月14日-8月20日飞瓜数据UP主排行榜&#xff08;B站平台&#xff09;&#xff0c;通过充电数、涨粉数、成长指数、带货数据等维度来体现UP主账号成长的情况&#xff0c;为用户提供B站号综合价值的数据参考&#xff0c;根据UP主成长情况用户能够快速找到运营能…

拨慢人体衰老时钟,MIT 利用 Chemprop 模型发现兼具药效与安全性的细胞抗衰化合物

内容一览&#xff1a;从光鲜亮丽的明星&#xff0c;到素装淡裹的普通人&#xff0c;大家都会无可避免地老去&#xff0c;经历形容的变化与身体机能的退化。正因为此&#xff0c;人们也在努力寻找延缓衰老的秘方。然而&#xff0c;现有的抗衰老药物总伴有一些副作用。近期&#…

大语言模型初学者指南 (2023)

大语言模型 (LLM) 是深度学习的一个子集&#xff0c;它正在彻底改变自然语言处理领域。它们是功能强大的通用语言模型&#xff0c;可以针对大量数据进行预训练&#xff0c;然后针对特定任务进行微调。这使得LLM能够拥有大量的一般数据。如果一个人想将LLM用于特定目的&#xff…

vue3 父子传值的使用

父传子&#xff1a; setup语法糖的写法&#xff1a; 子传父&#xff1a; setup语糖的写法&#xff1a;

STP知识点总结

目录 一.什么是STP协议 二.STP生成树协议产生的原因 三. STP生成树协议涉及的算法 一.802.1D 二.PVST 三.PVST 四. 快速生成树 五.MSTP 一.什么是STP协议 在一个二层交换网络中&#xff0c;生成一棵树型结构&#xff0c;逻辑的阻塞部分接口&#xff0c;使得从根到所有的…

代码记录鸭1

要实现登录有两个重要组成&#xff0c;一个是共享组件的应用程序项&#xff0c;另一个是共享组件的验证方案&#xff0c;先创建应用程序项&#xff1a; 名称有要求 改成新的ApexLogonTestWxx 创建成功 我设置的是启用 确定生成的用于导航到应用程序中其他页的 URL 是否应更易于…

如何评价国内的低代码开发平台(apaas)?

什么是低代码&#xff1f;低代码平台有什么价值&#xff1f;低代码开发到底能适应多广泛场景&#xff1f;低代码到底能做出多么复杂的应用&#xff1f;低代码平台应该如何筛选&#xff1f; 在低代码重新火爆的今天&#xff0c;我们又该如何利用低代码&#xff1f; 01 什么是a…

为何汽车品牌如此钟爱数字人?揭秘一种很新的「交互」营销思路

随着新能源补贴退坡&#xff0c;互联网行业高速发展的红利衰退&#xff0c;汽车行业竞争越来越激烈。 在数智化潮流冲击下&#xff0c;传统车企和新势力汽车品牌都纷纷借助数字人营销&#xff0c;打破增长困境&#xff0c;致力于推动数字人在车端以及营销内容的广泛应用&#…

生信豆芽菜-桑基图

网址&#xff1a;http://www.sxdyc.com/visualsPlotSankey 1、数据准备 表型信息&#xff1a; 2、设置图片的高度和宽度&#xff0c;提交等待运行成功 3、结果 当然&#xff0c;如果不清楚数据是什么样的&#xff0c;可以选择下载我们的示例数据&#xff0c;也可以关注&…

环肽52661-98-0;(3S)-3-(Hydroxymethyl)-2,5-piperazinedione

中文名&#xff1a;环(甘氨酰-L-丝氨酰) 环(甘氨酰-丝氨酰&#xff09; 英文名&#xff1a;cyclo(Gly-Ser) cyclo(-gly-ser) 2,5-Piperazinedione, 3-(hydroxymethyl)-, (3S)- (3S)-3-(Hydroxymethyl)-2,5-piperazinedione CAS&#xff1a;52661-98-0 分子式&#xff1a…

锐捷ACL的基础知识--尚文网络敏姐

ACL控制访问列表 目录 ACL控制访问列表 1.1.ACL概念 1.2.ACL两大功能 1.ACL流量控制 2.ACL路由匹配 1.3.通配符 1.4. ACE访问控制表项 ACE概念 ACE两种动作 2.1.访问控制列表常用类型 IP标准ACL IP扩展ACL 2.2.访问控制列表的命名 数字命名 自定义名称 2.3.实验…

智慧工地:安防监控EasyCVR智慧工地视频监管风险预警平台的应用

智慧工地方案是一种结合现代化技术与工地管理实践的创新型解决方案。它通过实时监控、数据分析、人工智能等技术手段&#xff0c;使工地管理更加高效、智能化。在建设智慧工地的过程中&#xff0c;除了上述提到的利用物联网技术实现设备互联、数据采集及分析以外&#xff0c;还…

map函数用法

定义&#xff1a; map() 方法创建一个新数组&#xff0c;这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成 map()不会对空数组进行检测map()不会改变原始数组 语法 &#xff1a;map(function( element,index,array ){ }, thisArg) 参数说明&#xff1a; …

Spring事务和事务传播机制(2)

前言&#x1f36d; ❤️❤️❤️SSM专栏更新中&#xff0c;各位大佬觉得写得不错&#xff0c;支持一下&#xff0c;感谢了&#xff01;❤️❤️❤️ Spring Spring MVC MyBatis_冷兮雪的博客-CSDN博客 在Spring框架中&#xff0c;事务管理是一种用于维护数据库操作的一致性和…