前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >中国疫情地图和全球疫情地图组件,一句话调用

中国疫情地图和全球疫情地图组件,一句话调用

作者头像
框架师
发布2021-03-08 10:22:18
7120
发布2021-03-08 10:22:18
举报
文章被收录于专栏:墨白的Java基地墨白的Java基地

本疫情地图,实时爬取互联网疫情数据,展示中国疫情地图和世界疫情地图,允许各大网站调用数据。原文链接

这不讲怎么制作了,可以看上面的链接,下面直接讲怎么Hexo调用。

使用教程

Hexo博客,可以直接添加小工具

调用方法很简单,找到Hexo需要添加的页面,添加自定义html内容,填入如下代码

代码语言:javascript
复制
<!--疫情地图-->
<iframe src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" 
        height="500" frameborder="no" border="0"
        width="100%"></iframe>

保存即可在前台查看到地图。其他操作无需我们修改,每天自动实时更新。

可选get参数

    • htmlh:网页高度,默认为500
    • htmlw:网页最大宽度,默认800
    • maph:地图高度,默认400,一般来说使用本参数就行了,大页面可以适当调大本参数

修改后调用地址例如:https://www.lovestu.com/api/project/cnmapyinqing/obj.php?maph=600

对于大页面,可以自行修改iframe的宽度,然后设置get地图宽度即可,

更新日志

2020.2 更新

地图界面

添加详细信息:确诊人数,疑似人数,治愈人数,死亡人数

2020.3.17更新

新增全球地图,可以在选项卡切换

调用方式

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用教程
    • 可选get参数
    • 更新日志
      • 2020.2 更新
        • 2020.3.17更新
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档