免费为您的网站添加海水温度和天气小组件，无需注册，无需 API 密钥。它支持全球任何海滩：从我们的地图上选择目的地，或在任意海岸放置图钉，然后将嵌入代码粘贴到 WordPress、Wix 或纯 HTML 中。这款毛玻璃卡片会与气温、天气和 UV 指数一起并排显示实时水温，并自动从主机页面提取颜色和语言。Widget Pro 增加了 10 天的海水温度和气温预报，并移除了 SeaTempMap.com 链接。
这是真实的小部件，显示当前的温度和天气，完全等同于访客所见。 在 Chrome 和 Edge 中生效；Safari 和 Firefox 显示毛玻璃主题。
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto" data-bar="off">
<a href="https://seatempmap.com/destinations/santorini" target="_blank" rel="noopener">SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>将其粘贴到您希望卡片显示的任何位置。
免费 · 无需注册 · 无跟踪 Cookie
Widget Pro 移除来源链接和点击卡片后跳转到本站的功能，并提供详细形式、10天预报和淡季模式。请按一个网站所需的目的地数量选择年度许可证。
1个网站 / 1个目的地
€99 / 年
适用于单一网站上的单个目的地：卡片数量与组合不受限，例如在页面中嵌入10天预报卡片，同时在页脚放一张小卡片
1个网站 / 多个目的地
€299 / 年
专为在同一网站上拥有众多房产的旅行社和连锁酒店打造
共有四种显示形式。Widget Pro 和 Pro Multi 是解锁付费形式的许可证，购买前可以在预览中试用。
显示当前海水温度、气温、天气和紫外线指数。不含预报。
免费
在海水温度、气温、天气和紫外线指数之外，显示当前风况、湿度、气压和能见度。不含预报。
Widget Pro
将未来10天的海水温度和气温预报分成两行，每行五天，适合较窄的空间。
Widget Pro
将未来10天的海水温度和气温预报显示在一行中。空间不足时自动切换为紧凑形式。
Widget Pro
同时展示酒店海滩附近的海水温度和天气，或为每个旅游目的地放置一张卡片。Pro 适用于一个网站的一个目的地，Multi 适用于一个网站的多个目的地。其他域名上的独立网站不会自动包含在许可证中。
选择目的地，复制代码并粘贴到需要显示卡片的位置。页面或 HTML 区块必须允许运行外部 JavaScript。如果编辑器删除 script 标签，请使用自定义代码设置或联系网站管理员。在已发布的页面上检查组件是否正常加载。
是的 – 个人和商业网站均可免费使用，无需注册，无需 API 密钥，也没有流量限制。我们唯一的要求是请您在卡片下方保留 SeaTempMap.com 的小链接 – 保留该出处正是小组件能够保持免费的原因。Widget Pro（99欧元/年）会移除来源链接，以及点击卡片跳转到本站的功能。还会增加10天预报、自定义地点名称、淡季模式，以及显示风、湿度、气压和能见度的“详细”样式。
海水温度基于 NASA 的1公里网格卫星数据，由 SeaTempMap 每小时对每日基准值进行修正。这是估算值，不是您所在海滩的实测值。天气和大气数据由 Apple Weather 提供。页面可见时，组件每30分钟请求一次数据，但这不代表每次都有新的卫星观测。缺失数据以 -- 显示。
您可以选择液态玻璃、磨砂玻璃、浅色或深色主题，也可以使用随页面背景调整的自动模式。液态玻璃会在支持的Chrome和Edge版本中为背景添加折射效果。在iPhone、iPad以及Safari和Firefox中，则显示磨砂玻璃效果；数据和操作方式不变。
不会 – 卡片在 Shadow DOM（一种可以将其完全隔离的浏览器功能）内部渲染：您的主题 CSS 绝不会意外破坏小组件，而小组件的样式也不会泄漏并影响您的页面。
小组件使用所在页面的语言，而不是访客浏览器的语言。目前支持30种语言；如果页面语言不受支持，则使用英语。您也可以在嵌入代码中直接指定语言。
小组件只加载一个不依赖外部库的脚本，采用异步加载，不会阻塞页面显示。传输量约为75–90 kB，具体取决于压缩方式，此外还会请求最新数据。即使数据加载失败，卡片仍会显示，用连字符代替数值，不影响页面布局，并在下次更新时重试。
是的 – 每个目的地粘贴一个代码片段，每张卡片都会独立渲染，因此拥有两个分店的酒店可以把两者都展示出来。脚本在每个页面中只需引入一次，但即使重复引入也不会造成任何不良影响。Widget Pro 同样如此：一个密钥对应一个海滩，如果您在一个网站上需要多个目的地，这就是 Widget Pro Multi 的用途。
世界上任何海滩。您既可以在我们的地图上选择目的地，也可以切换到任意位置标签页并在任何海岸上放置大头针 – 大头针不一定要落到水面上，卡片会自动寻找最近的海洋。两者均可免费使用，且卡片的外观和工作方式完全相同。
组件不设置 Cookie，也不为广告目的追踪访客。加载时会向 SeaTempMap 发送技术请求，并使用 IP 地址防止滥用。这并不意味着完全不处理数据。请在网站的隐私说明中介绍所使用的外部服务。
免费版卡片会的 – 整张卡片就是一个链接：对于来自我们地图的海滩，它指向该目的地的页面；对于您自定义的坐标，它指向该位置的详情页。卡片下方还会有一行小字标注来源。这就是您获得免费使用权所付出的回报。拥有许可的 Widget Pro 卡片则完全不是链接：没有来源标注，无法点击跳转，因此您的访客会留在您的网站上。
卡片将继续工作，海温、空气、天气和紫外线持续更新。它只会恢复成免费版：卡片上会重新显示小小的 SeaTempMap.com 标注，且不再显示付费功能。没有任何内容会损坏或消失 – 续费后卡片即完全恢复如初。
“详细”是Widget Pro提供的宽版卡片，显示当前状况，而不是10天预报。地点、天气、气温、海水温度，以及紫外线、风、湿度、气压和能见度的圆形仪表排列在同一行。购买前可以在生成器中试用；在自己的网站上使用时，需要有效的Widget Pro许可证。
在嵌入代码中，可以将温度设为°C或°F。“详细”样式还提供独立的风速单位设置：自动、km/h、mph或m/s。自动模式根据访客浏览器的语言和地区设置选择单位，不受页面语言和温度单位影响。例如，英国访客可以看到°C和mph，日本访客可以看到°C和m/s。如果固定风速单位，所有访客都会看到相同的单位。