免費為您的網站新增海水溫度和天氣小工具，無需註冊，無需 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。若固定風速單位，所有訪客都會看到相同的單位。