2020.04.13 | 网站相关 | 15 赞 | 18 条评论


有细心的小可爱可能已经发现了,在博客的侧边栏(手机端访问应该是最下面)多了一栏 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 国际许可协议 进行许可,转载请注明出处。

标签: 博客, 文章, 链接, 作者, 大小, 手机, 疫情

15

已有 18 条评论


  1. 冼仙
    冼仙 回复

    我想知道你这个网站的点击炸烟花的效果是怎么实现的

    1. idealclover
      idealclover 回复

      这篇文章 里能看到啦

  2. 最要学习
    最要学习 回复

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

  3. uncle
    uncle 回复

    18级师弟前来围观学习

    1. idealclover
      idealclover 回复

      学弟好鸭!!OωO

      1. uncle
        uncle 回复

        大佬好,刚建个wordpress主题,前来观摩发现有蛮多小技能。持续关注中..嘻嘻

  4. 肇秋七日哟
    肇秋七日哟 回复

    学习学习

  5. Arn0
    Arn0 回复

    刚刚折腾好了,很棒。谢谢安利

  6. 李毛毛
    李毛毛 回复

    翠翠能不能让代码可以直接复制呀,我复制了半天,只复制了这个👉 原文链接:https://idealclover.top/archives/617/👈

    1. idealclover
      idealclover 回复

      现在!应该!好了!

      前几天把毕业论文忙完了 OωO 今儿下午好好重新弄了下代码框!

    2. Ethan
      Ethan 回复

      直接查看源码不就好了嘛

      1. 李毛毛
        李毛毛 回复

        好主意......

    3. idealclover
      idealclover 回复

      回头我搞一下 OωO 在忙毕业论文 qwq

  7. OldPanda
    OldPanda 回复

    谢谢安利,回头也在我的博客上加一个

    1. idealclover
      idealclover 回复

      好的鸭!!ヾ(≧∇≦*)ゝ

  8. 夏目
    夏目 回复

    人类或将于COVID-19和平共处.

    1. idealclover
      idealclover 回复

      还是希望最终能有疫苗/特效药从而战胜它的 OωO

      期待这个疫情地图下架的时候

🤔关于我
翠翠 idealclover
南京大学商学院 2016 级本科生
了解更多
🏠关于博客
基于 Typecho 博客框架
使用个人创作的 clover 主题
💾博客小程序
💸支持我