vue 高德地图 不同区域显示不同颜色_高德地图除了导航居然还有这种作用!看上去就很高级...

3a7494a04e65408acb2b9d71d6011a32.png

提到高德地图,相信咱们每一个人都不会陌生,日常用来导航,也可以用来打车,一次呼叫8种车型,非常方便:

1b2ccd306e96fba6c72d8c9b2bb367c5.png

但是,如果你把它仅仅当做一个导航工具,那么,你可能真的小看了它。因为你知道吗?其实我们可以利用它,轻松做出高大上的PPT地图:

3a7e603520e36c91f067e96e54795b18.png
53572ebf43c55978a31b016adde0b686.png

也可以用它制作高大上的PPT数据图表,就像这样:

5b3ff834be62d334d79ac49b53aa4ce7.png
6c7579b2b9ed39c1ed1e3e3b8d8d6b9a.png

即便你完全没有设计基础,也可以完成,是不是感觉超赞?

好了,废话了那么半天,那么,作为旁门左道PPT的读者,接下来,你们就会知道该如何完成。

想要发掘出高德地图更强悍的功能,我们需要进入这个网站:https://lbs.amap.com,也就 是高德开放平台。

940938ceddfc8caea6a0e0eb36af685f.png

在这里,我们可以自定义地图的样式,从最基础的改变颜色:

a2da6e53b1eff5cfcd87c94a5f1d090f.png

到添加地图的纹理:

332778d9964c31903f5733cb0785dce8.png

当然,你还可以创建三维地图:

9ca65bdc899dff6a5b63f9d75d50ddc1.png

那这些到底是怎么创建的呢?我们点击『自定义地图』,就会进入到具体操作界面:

2b1441d75846b2645638258dc6d3b921.png

在这里呢,你可以借用它提供的基础模板,创建个性化地图:

5a8c6a9f1e1d5ab30b8dd30b8ed6379e.png

假如说咱们随便去选择一个模板,进入之后呢,在这里,咱们可以去选择,修改地图上的所有信息的颜色,或者是设置内容是否显示等。

比如在制作PPT时,我为了着重展示某一块区域,那么,就可以将干扰内容设置不显示,并通过色彩修改进行强调展示:

ecd29ce3d8624f3fe72166cd753c2de4.png

然后截图放在 PPT 页面上即可:

b6ae0bfac274a36c7ef1dd083fe7eed1.png

当然,如果你不懂色彩搭配,你可以使用『图片创建地图』的功能,系统会自动帮你从图片取色进行搭配:

0133788a9f6c44c7755881bf01afd5fa.png

创建3D地图

这应该是很多朋友特别感兴趣的一个点,那它是怎么用的呢?

我们搜索『高德地图-3D地图示例中心』,进入之后呢,我们会发现,这是一个演示的界面,不能搜索位置:

414595ee11603c887f732cead9614427.png

那如果说,想要定位到具体的位置,该怎么办呢?咱们可以在右侧的代码区编辑一个坐标:

64a055364e7b415c97f67618f1def16e.png

问题又来了,怎么只找到相应位置的坐标呢?这里就分为两个步骤:

01.在网上随便找一个『拾取坐标系统』的工具,高德地图也提供有这个功能:

1b330aae88f7538757c203681ac25622.png

02.把我们想要定位的位置输入进去,就会自动生成一个坐标:

6db8d8cc7ab884219378daea10923390.png

然后呢,把它输入到刚才的代码中就行了,这时候咱们就会得到一个符合需求的三维地图:

8b14146c488739cce1a9c1c4bec8ed41.png

用在PPT中,也是超酷的:

f8d7397814ab55b84a34966d58802334.png

当然,如果你会用 PS ,再来推荐一个插件,叫做 3D Map Generator ,使用它提供的功能,我们可以做出超写实的地图:

9162388d6d9596b459dc28c4650a84a1.png

简单分享一些案例图:

c126143dff4a6ce9f3383480ecd6214d.png
84c43b68a9c61ed1d31950020559a79b.png

创建可视化地图图表

除了对地图的形式进行修改之外,我们还可以基于地图创建各种地图图表。就像这样:

96f0c669e1fc816a3e250f1896769a9b.png

全国各景点分布热力图

4db487d3a2ad6993d119caaffbeade06.png

北京交通节点分布图

而创建可视化图表的方法也很简单,完全傻瓜化操作,我们只需要在 Excel 中输入数据,然后上传,选择一个图表模板即可:

b7021c2269df9e3085e99ac8937d0d19.png

几乎没什么难度,如果你实在不会做,还可以看它们提供的教程:

1366ba446c715cf0746ce89ee80c5466.png

那么,它在PPT设计中有什么用呢?随便举几个例子。

比如对于做电商的朋友,我们可以在年终总结汇报PPT上,我们可以利用它来展示产品在不同区域的喜好程度:

43f252c4d15bd8e6a519e8d4c847cdee.png

如果你做学术PPT,也可以展示你的分析结论:

bf7f32c0d567ede8d41bb477a3cffe78.png

当然,基础的工具在这里,能做出什么样,全看个人创意了

ac644f776359b4ee0272b4b3a043ec30.png

转自网络

### 回答1: 高德地图web多边形电子围栏demo是一种实时监测车辆位置的应用,主要利用高德地图提供的API服务,将车辆的位置信息与事先设定的围栏进行比对,判断车辆是否进入或离开了指定区域。 该应用的工作原理是,将围栏划分为多个多边形,将每个多边形的坐标点保存在后台数据库中,并在前端展示出来。每当有车辆信息上传到服务时,应用会通过高德地图api计算该车辆当前位置是否在围栏内。如果车辆进入或离开了围栏,应用会实时向后台数据库发送通知,并通知管理员进行处理。 多边形电子围栏主要应用于车辆监控、运输监管、领域物流等领域,在这些领域中,电子围栏是确保车辆及相关人员的安全、有效管理运输和协调资源的重要工具。 总之,高德地图web多边形电子围栏demo是一种功能强大的应用程序,其依靠高德地图提供的先进技术和服务能够帮助用户实现对车辆的实时监测和可视化管理,进一步提高车辆、人员的安全性和运行效率。 ### 回答2: 高德地图web多边形电子围栏demo是一种应用程序,用于在地图上创建多边形电子围栏,以便对车辆或其他移动物体进行位置跟踪和管理。 用户可以在高德地图web多边形电子围栏demo中设置任意多个多边形区域,为这些区域指定特定的名称和ID,并将它们与一组车辆或其他物体绑定。此外,用户还可以在围栏内设置不同的告警级别,以便及时发现和管理违规行为。 在使用高德地图web多边形电子围栏demo的过程中,用户可以通过一个简单的API接口来实现围栏的添加、删除、编辑和查询等操作。同时,该应用程序还提供了一系列实用的工具和功能,如围栏告警管理、历史轨迹回放、路线规划等,以帮助用户轻松管理不同车辆的行驶情况。 总之,高德地图web多边形电子围栏demo为用户提供了一种简单、易用和高效的围栏管理工具,可以帮助车队或物流公司实现更加安全、便捷和精细化的车辆管理。 ### 回答3: 高德地图web多边形电子围栏demo是一种应用高德地图API的电子围栏示例,它可以很好地帮助使用者熟悉地图API以及电子围栏的相关知识。 该demo主要功能是在地图上添加多边形电子围栏,使用者可以根据实际需求自定义多边形的顶点及围栏的名称。在围栏添加完成后,可以通过点击围栏查看详细信息,如围栏名称、围栏类型、围栏区域等。同时,该demo还提供了围栏的编辑和删除功能,使用者可以对已添加的围栏进行编辑和删除操作。 除此之外,该demo还提供了多种围栏展示方式,如显示围栏区域、添加报警提示、显示报警信息等。这些功能可以帮助使用者在线对围栏进行监控,提高工作效率和安全性。 总体来说,高德地图web多边形电子围栏demo是一款功能实用、易上手的电子围栏应用示例,对于需要使用电子围栏的企业和个人,都是一个非常实用的工具。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值