使用百度地图生成器制作疫情小区地图
疫情特殊时期作为站长总该做点什么,根据本地卫健委发布的新型冠状病毒确诊病例所在地做一个动态的疫情小区地图吧,新手站长网使用百度地图生成器搭配阿里云服务器制作教程:
使用百度地图制作疫情小区地图
疫情特殊时期新手站长网有个本地的网站,发现市民对于新型冠状病毒确诊病例所在小区很关注,于是利用百度地图生成器制作了一个疫情小区地图(地图仅供自己测试玩的,没敢发布)。
其实过程很简单,本教程适用于新手站长:
制作地图所需工具
- 百度地图开放平台:
http://api.map.baidu.com/lbsapi/createmap/index.html
- 云服务器:新手站长网使用的是这款:ECS云服务器可选香港
一:打开百度地图开放平台
定位中心点:默认是北京市,新手站长网以长春市为例,定位中心点城市切换为长春市;设置地图默认即可,也可以自定义。
二:添加标注
添加标注核心部分,根据本地卫健委发布的新型冠状病毒确诊病例所在的小区,标注位置。
在地图上添加位置标注
注意:一定要根据本地卫健委提供的疫情数据,以免引起不必要的麻烦。
三:百度地图标注数量
是在实际的使用过程中,新手站长网发现百度地图的添加标注限制为10个,如何解决呢?这个限制只是在使用地图生成器时限制10个,我们获取到位置所在经纬度坐标,可以在生成的地图代码上自行手动添加标注。
标注位置经纬度
如上图所示,获取到位置经纬度后,我们可以通过下面的代码添加多条位置标注,在function addMapOverlay()
函数里面:
1 |
{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#。
百度未授权使用地图API获取密匙
地图生成工具基于百度地图JS api v2.0版本开发,为了正常使用百度地图API服务,请在此段代码中加入您的密匙。报错是由于没有填写百度地图API密匙,我们去获取一下密匙。
六:获取百度地图开放平台AK密匙
如果没有账号,先注册一个百度开放平台的账号,然后创建应用,如果是浏览器端调用,应用类型选择浏览器端,如下图所示:
百度地图开放平台创建应用
- AK密匙获取地址:
http://lbsyun.baidu.com/apiconsole/key
打开上述地址,如下图所示:
复制密匙即复制访问应用(AK)
访问应用(AK)就是我们需要的密匙,复制AK密匙。
七:在地图代码中粘贴AK密匙
找到第五步中获取的代码,把“您的密匙”替换成你刚刚复制的AK密匙,代码如下:
1 |
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密匙"></script> |
这时候再次打开获取到的html地图文件,可以正常使用。我们也可以通过iframe的方式,将代码调用到网站代码中。
最后,新手站长网基于本地卫健委制作的疫情小区地图效果图,如下所示:
地图测试效果图
最后,不出门、不串门、不聚集、戴口罩,不给祖国添麻烦,加油武汉,加油中国!
使用百度地图生成器制作疫情小区地图相关推荐
- 疫情地图 | EXCEL制作疫情风险地地图
本案例演示使用[小O地图EXCEL版]制作疫情风险地图. 本示例主要执行步骤 1.使用[地图任务]功能,将风险地址转换为经纬度坐标 2.使用[地图绘图]功能,标注风险地址至地图上 3.使用[地图可视化 ...
- 利用百度地图API制作房产酒店地图
摘要: 想亲手制作一张酷讯.去哪儿.安居客.链接地产那样的房产.酒店地图麼?那赶快来学习吧.(以酷讯为例,如下图) 更多成功案例请点击:http://dev.baidu.com/wiki/map/in ...
- 织梦html的网站地图怎么制作,网站地图如何制作?网站地图的制作与提交方法...
一.网站地图的种类 1.用户地图:给用户看的地图,用户地图可以理解为平常大家看到的网站导航. 2.蜘蛛地图:给蜘蛛看的地图,给蜘蛛也做一个网站导航,方便蜘蛛像用户一样方便抓取网页. 二.制作网站地图 ...
- EXCEL插件-图表[2]-使用Excel地图插件制作行政区标注地图
一.工具软件 1.Excel2010以上版本 2.ExcelMaps插件2.0以上版本,下载地址在 www.gis9.com 进入产品栏目页面下载 :也可以点击 [腾讯云] 直接下载. 3.进QQ群[ ...
- 怎么制作疫情实时地图?看完这篇你就明白了
截至今日,全国多地疫情还在不断反弹,并且现在又处于年底正值人口流动返乡高峰期,因此全国各地的疫情防控压力也在不断加大.昨日国家卫健委发布新增本土确诊50例.本土无症状2例,以下是12月15日的疫情信息 ...
- 县市疫情分布地图制作
县市疫情分布地图制作 系统需求: 编程语言: Python3 第三方库: pyecharts/echarts-countries-pypkg/echarts-china-provinces-pypkg ...
- 手把手教你快速构建一份全国疫情分布地图
本文基于百度地图API和fangkai提供的疫情数据API制作,是一份真实并实时的疫情场所分布地图,演示地址:https://rovertang.com/map/ncov/ 花絮 上次发表了如何制作一 ...
- Excel真的是三维地图可视化制作最好的选择吗?
随着数据在当下互联网快速发展下变的维度更广,数量更大.结构越来越复杂,人们想要更加清晰,快速的认知和理解一份数据,传统的二维平面图表已经不能满足需求,三维可视化技术越结合多媒体技术.网络技术以及三维镜 ...
- 离你最近的疫情小区,终于可以自己查了!
作者 | 胡巍巍 出品 | CSDN(ID:CSDNnews) "岂曰无衣,与子同裳." 继全球三大媒体之一的路透社,评论阿里巴巴是"企业公民"之后,更多的&q ...
- 利用Python实现新冠疫情数据可视化(获取疫情历史数据,制作南丁格尔玫瑰图、疫情地图、动态疫情组合图、词云)
文章目录 前言 1.获取疫情历史数据 2.制作南丁格尔玫瑰图 2.1 全球各国确诊人数玫瑰图 2.2 全国各省市零新增天数玫瑰图 3.制作疫情地图 3.1全国各省市目前确诊总人数疫情地图 3.2全球各 ...
最新文章
- 软件之最大全电子书免费版
- linux c++ 服务器端开发面试必看书籍
- Java实现字符串反转的四种方式代码示例
- 2008服务器系统配置dns,配置Win2008系统DNS服务器的具体步骤
- 【转载】315M无线模块数据传输——深入研究
- 【从零之三(更)】自定义类中调用讯飞语音包错误解决办法
- python 标准库之os
- WAMPServer使用
- NSBundle 的理解和 mainBundle
- c语言程序不能运行,C语言编程,我写了一个程序,但不能运行.
- Linux Shell编程三
- CentOS 7.x防火墙问题
- 大王——有趣干货集合
- Java 常用排序算法实现--快速排序、插入排序、选择、冒泡
- Java JDK下载与安装教程
- Linux系统中三处profile的作用
- @Adaptive注解
- 【系统架构】原型图验收的思考
- Unifying Voxel-based Representation with Transformer for 3D Object Detection (UVTR)论文笔记
- 什么是无监督学习?概念、使用场景及常用算法详解