工具介绍
用于网页的迷你地图。
页面导航
用于网页的迷你地图。
示例用法
在 HTML 页面中添加一个 canvas 标签:
修正其在屏幕上的位置:
#map {
position: fixed;
top: 0;
right: 0;
width: 200px;
height: 100%;
z-index: 100;
}初始化和设置迷你地图:
pagemap(document.querySelector('#map'), {
viewport: null,
styles: {
'header,footer,section,article': 'rgba(0,0,0,0.08)',
'h1,a': 'rgba(0,0,0,0.10)',
'h2,h3,h4': 'rgba(0,0,0,0.08)'
},
back: 'rgba(0,0,0,0.02)',
view: 'rgba(0,0,0,0.05)',
drag: 'rgba(0,0,0,0.10)',
interval: null
});许可证
MIT 许可证 (MIT) 版权所有 (c) 2024 Lars Jung (https://larsjung.de)
在此授予任何人免费获得本软件及相关文档文件("软件")的复制权,不受限制地处理软件,包括但不限于使用、复制、修改、合并、发布、分发、转授权和/或销售软件副本的权利,并允许向获得软件的人提供此类权利,但需遵守以下条件:
本软件以"现状"提供,不作任何形式的明示或暗示的保证,包括但不限于适销性、适用于特定目的和不侵犯他人权利的保证。在任何情况下,作者或版权持有者均不对因软件或与软件使用或交易有关的任何索赔、损害或其他责任负责,无论是基于合同、侵权或其他方式。
Issues· 0 开放
暂无开放 Issues，或尚未同步最近议题。
> 标签
JavaScript
> 工具信息
发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源