为博客添加 COVID-19 疫情地图
2020.04.13 | 网站相关 | 17 赞 | 20 条评论
请注意,本文编写于 284 天前,最后修改于 284 天前,其中某些信息可能已经过时。
有细心的小可爱可能已经发现了,在博客的侧边栏(手机端访问应该是最下面)多了一栏 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
唉,希望疫情能早点过去吧,家里花都要开了。
参考链接
本文链接:https://idealclover.top/archives/617/
本作品由 idealclover 采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可,转载请注明出处。
已有 20 条评论
评论区的结构好棒啊!ヾ(≧∇≦*)ゝ
谢谢分享,日常打卡~ 滴滴~
我想知道你这个网站的点击炸烟花的效果是怎么实现的
在 这篇文章 里能看到啦
你的APP下载地址失效了|´・ω・)ノ
18级师弟前来围观学习
学弟好鸭!!OωO
大佬好,刚建个wordpress主题,前来观摩发现有蛮多小技能。持续关注中..嘻嘻
好厉害
学习学习
刚刚折腾好了,很棒。谢谢安利
翠翠能不能让代码可以直接复制呀,我复制了半天,只复制了这个👉 原文链接:https://idealclover.top/archives/617/👈
现在!应该!好了!
前几天把毕业论文忙完了 OωO 今儿下午好好重新弄了下代码框!
直接查看源码不就好了嘛
好主意......
回头我搞一下 OωO 在忙毕业论文 qwq
谢谢安利,回头也在我的博客上加一个
好的鸭!!ヾ(≧∇≦*)ゝ
人类或将于COVID-19和平共处.
还是希望最终能有疫苗/特效药从而战胜它的 OωO
期待这个疫情地图下架的时候