使用阿里云服务器制作疫情小区地图

本文涉及的产品
云服务器 ECS,每月免费额度280元 3个月
云服务器ECS,u1 2核4GB 1个月
简介:

疫情特殊时期作为站长总该做点什么,根据本地卫健委发布的新型冠状病毒确诊病例所在地做一个动态的疫情小区地图吧,新手站长网使用百度地图生成器搭配阿里云服务器制作教程:

使用阿里云服务器制作疫情小区地图

疫情特殊时期新手站长网有个本地社群,发现市民对于新型冠状病毒确诊病例所在小区很关注,于是利用百度地图生成器制作了一个疫情小区地图(地图仅供自己测试玩的,没敢发布)。

其实过程很简单,本教程适用于新手站长:

制作地图所需工具

一:打开百度地图开放平台

定位中心点:默认是北京市,新手站长网以长春市为例,定位中心点城市切换为长春市;设置地图默认即可,也可以自定义。

二:添加标注

添加标注核心部分,根据本地卫健委发布的新型冠状病毒确诊病例所在的小区,标注位置。
在地图上添加位置标注

注意:一定要根据本地卫健委提供的疫情数据,以免引起不必要的麻烦。

三:百度地图标注数量

是在实际的使用过程中,新手站长网发现百度地图的添加标注限制为10个,如何解决呢?这个限制只是在使用地图生成器时限制10个,我们获取到位置所在经纬度坐标,可以在生成的地图代码上自行手动添加标注。
标注位置经纬度

如上图所示,获取到位置经纬度后,我们可以通过下面的代码添加多条位置标注,在function addMapOverlay()函数里面:

{content:"某某区小区名字",title:"小区名字",imageOffset: {width:-46,height:-21},position:{lat:43.891924,lng:125.319539}},

上述代码中,lat表示纬度,lng表示经度。那么,问题来了,位置坐标的经纬度怎么获取?

四:获取标注位置的经纬度坐标

可以使用百度地图拾取坐标系统,来获取经纬度坐标。地址:http://api.map.baidu.com/lbsapi/getpoint/index.html

本来可以使用百度地图生成器自带的“添加标注”功能,由于限制标注数量为10个,如果标注位置较多,可以配合“百度地图拾取坐标系统”获取标注位置的经纬度,通过修改代码,手动添加标注。

五:获取代码

编辑好地图后,点击下方的“获取代码”,即可获取地图的html代码,如下图:
使用百度地图生成器制作疫情小区地图
获取代码

复制获取到的代码,保存为html文件。

六:没有百度地图密匙报错

打开第五步中获取的html代码,我们发现并不能直接使用,会提示:

百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥,或此密钥未对本应用的百度地图JavaScriptAPI授权。您可以访问如下网址了解如何获取有效的密钥:http://lbsyun.baidu.com/apiconsole/key#

地图生成工具基于百度地图JS api v2.0版本开发,为了正常使用百度地图API服务,请在此段代码中加入您的密匙。报错是由于没有填写百度地图API密匙,我们去获取一下密匙。

七:获取百度地图开放平台AK密匙

如果没有账号,先注册一个百度开放平台的账号,然后创建应用,如果是浏览器端调用,应用类型选择浏览器端,如下图所示:

百度地图开放平台创建应用

打开上述地址,如下图所示:
复制密匙即复制访问应用(AK)

访问应用(AK)就是我们需要的密匙,复制AK密匙。

八:在地图代码中粘贴AK密匙

找到第五步中获取的代码,把“您的密匙”替换成你刚刚复制的AK密匙,代码如下:

    
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密匙"></script>

这时候再次打开获取到的html地图文件,可以正常使用。我们也可以通过iframe的方式,将代码调用到网站代码中。

最后,新手站长网基于本地卫健委制作的疫情小区地图效果图,如下所示:

地图测试效果图

最后,不出门、不串门、不聚集、戴口罩,不给祖国添麻烦,加油武汉,加油中国!

相关实践学习
一小时快速掌握 SQL 语法
本实验带您学习SQL的基础语法,快速入门SQL。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情:&nbsp;https://www.aliyun.com/product/ecs
目录
相关文章
|
监控 数据可视化 Serverless
|
监控 数据可视化 机器人
基于阿里云Serverless函数计算开发的疫情数据统计推送机器人
疫情数据统计推送机器人基于Python和阿里云Serverless函数计算开发。实现了使用Python爬取获得疫情数据并进行整理,使用函数计算配合定时触发器,每天定时推送全国疫情数据到企业微信。
20296 8
基于阿里云Serverless函数计算开发的疫情数据统计推送机器人
|
数据可视化 Serverless BI
基于阿里云函数计算FC开发疫情数据统计推送
疫情数据统计推送基于Python和阿里云函数计算FC开发。实现了使用Python爬取获得疫情数据并进行整理,使用函数计算配合定时触发器,每天定时推送全国疫情数据到企业微信。
285 0
基于阿里云函数计算FC开发疫情数据统计推送
|
弹性计算 Linux 网络安全
疫情被封在学校,我用阿里云学Linux
大三下学期本该去实习,没想到疫情突然到来,由于自己的电脑没有带到学校,只能用学校电脑学一些Linux,偶然发现阿里云有飞天加速计划,所以尝试使用阿里云ECS学习Linux。
|
物联网 机器人
阿里云Iot的智能小区
阿里云Iot带来的好处
|
安全 机器人
阿里云钉钉上线专属解决方案 助力800万保险代理人疫情期工作
阿里云钉钉上线专属解决方案 助力800万保险代理人疫情期工作
阿里云钉钉上线专属解决方案 助力800万保险代理人疫情期工作
|
存储 安全 关系型数据库
阿里云数据库快速搭建疫情分析系统最佳实践
疫情降临,疫情态势分析和防控任务迫在眉睫,如果快速搭建高效的疫情态势分析系统是众多部门和单位的难题,阿里云RDS PG+Ganos解决方案可在极短时间内完成分析系统搭建,有效助力疫情防控。
阿里云数据库快速搭建疫情分析系统最佳实践
|
人工智能 智能设计
穿越疫情,阿里云3000万补贴助力中小企业寒冬突围
2021年,活下去,是所有中小企业的一致心愿。冬将尽,春将来。我们也都在迫切等待着百花齐放的春天到来,阿里云愿和广大中小企业一起守望相助,共待山河无恙,春暖花开!
穿越疫情,阿里云3000万补贴助力中小企业寒冬突围
|
人工智能 弹性计算 智能设计
疫情之下的科技普惠:阿里云科技驱动中小企业数字化
2020 年到2021年,一场疫情给全球经济发展带来了重创。在受到疫情影响之时,各行各业尽展众相,一些企业进行着自我变革;一些企业却已被淘汰。更受疫情冲击的,是各行各业中的中小型企业,他们面临艰难处境。凤凰涅槃,寻求增长,是每一个中小企业都要面对的课题。 由此,我们邀请了阿里云大网站负责人陈意明为大家分享阿里云是如何通过科技普惠,来驱动中小企业数字化。
疫情之下的科技普惠:阿里云科技驱动中小企业数字化
|
传感器 人工智能 供应链
云栖大会企业管理协作与数智化专场 | 阿里云黄省江:后疫情时代下的企业数智化转型——协同是数智化转型的第一步
导读:本文中,阿里云智能云市场总经理黄省江(花名:禅笑)将聚焦数智化,讲述企业数智化以及价值的思考。
云栖大会企业管理协作与数智化专场 | 阿里云黄省江:后疫情时代下的企业数智化转型——协同是数智化转型的第一步

热门文章

最新文章