为博客添加 COVID-19 疫情地图

2020.04.13 | 网站相关 | 8402 浏览 | 50 赞 | 21 条评论

请注意，本文编写于 651 天前，最后修改于 651 天前，其中某些信息可能已经过时。

有细心的小可爱可能已经发现了，在博客的侧边栏（手机端访问应该是最下面）多了一栏 COVID-19 疫情地图。

傻翠在网上冲浪的时候偶然看到果核剥壳的这篇文章，于是决定给自己的博客也整一个。

感觉做的蛮不错，可以很方便地看到全球现存确诊状况，鼠标移到某个省份/国家上也可以查看地区详情。

傻翠就算是义务安利一下吧～想用的可以抱走

预览在这里↓

其实原博客已经把怎么部署写得挺清楚了～因为作者已经写好了框架代码，所以只需要用 iframe 调用就可以了。

在想要加入疫情地图的地方加入如下代码

<iframe src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" height="500" frameborder="no" border="0" width="100%"> </iframe>

就可以调用大佬的疫情地图了，据说是从丁香园的数据抓取的，每小时更新，地图是来自 highmaps，先 mark 一下，说不定什么时候做可视化就要用到了呢。

想规定大小的话改变 height 和 width 值就可以了，因为傻翠对侧边栏本来就够长了，所以手动缩了点高度 XD

唉，希望疫情能早点过去吧，家里花都要开了。

参考链接

已有 21 条评论

猪全饺 21.12.01 回复

想知道你这个鼠标后面的小图标怎么弄得好看极了
Jolly 20.10.27 回复

评论区的结构好棒啊！ヾ(≧∇≦*)ゝ
周易测算网 20.09.29 回复

谢谢分享,日常打卡~ 滴滴~
冼仙 20.05.24 回复

我想知道你这个网站的点击炸烟花的效果是怎么实现的
1. idealclover 20.05.24 回复
  
  在这篇文章里能看到啦
最要学习 20.04.23 回复

你的APP下载地址失效了|´・ω・)ノ
uncle 20.04.22 回复

18级师弟前来围观学习
1. idealclover 20.04.22 回复
  
  学弟好鸭！！OωO
  1. uncle 20.04.22 回复
    
    大佬好，刚建个wordpress主题，前来观摩发现有蛮多小技能。持续关注中..嘻嘻
    
    kris 20.09.30 回复
    
    好厉害
肇秋七日哟 20.04.17 回复

学习学习
Arn0 20.04.14 回复

刚刚折腾好了，很棒。谢谢安利
李毛毛 20.04.14 回复

翠翠能不能让代码可以直接复制呀，我复制了半天，只复制了这个👉 原文链接：https://idealclover.top/archives/617/👈
1. idealclover 20.04.22 回复
  
  现在！应该！好了！
  前几天把毕业论文忙完了 OωO 今儿下午好好重新弄了下代码框！
2. Ethan 20.04.15 回复
  
  直接查看源码不就好了嘛
  1. 李毛毛 20.04.15 回复
    
    好主意......
3. idealclover 20.04.14 回复
  
  回头我搞一下 OωO 在忙毕业论文 qwq
OldPanda 20.04.14 回复

谢谢安利，回头也在我的博客上加一个
1. idealclover 20.04.14 回复
  
  好的鸭！！ヾ(≧∇≦*)ゝ