在網站上添加Google Map和Hotspot的詳細指南

Google Map

以下是範例呈現

地圖設置

  1. 地址設定:點擊”內容”中的”Click here”進入查詢經緯度的頁面,輸入地址或地標名稱與經緯度,Google地圖會自動顯示相應的位置。
  2. 多地標支持:可以在地圖上添加多個地標,適用於展示多個位置或辦公地址。
  3. 地圖類型:選擇地圖顯示類型,如普通地圖、衛星圖、地形圖和混合圖。

地圖樣式自定義

  1. 地圖樣式:提供多種預設地圖樣式,並支持自定義JSON樣式,使地圖顯示效果更加符合網站設計風格。
  2. 縮放級別:設置地圖的初始縮放級別,以顯示更大或更小範圍的地圖區域。
  3. 地圖控件:控制地圖控件的顯示與隱藏,如縮放控件、街景控件等。

標記設置

  1. 自定義標記:支持自定義地圖標記的圖標和顏色,使標記更符合網站的設計風格。
  2. 信息窗口:為每個標記設置信息窗口,顯示地點的詳細信息,提升用戶互動性。

Hotspot

以下是範例呈現

點擊這裡
從這裡進去

入口 入口處,從這裡上去  1 of 2 街道 這裡很多車 2 of 2

如何在Elementor中使用Hotspot小工具

  1. 添加Hotspot小工具:打開Elementor編輯器,拖放Hotspot小工具到您想要顯示圖像的頁面區域。兩個Hotspot的差別在於上方的Hotspot只有文字無背景。
  2. 上傳或選擇圖像:在Hotspot小工具中上傳或選擇您希望添加熱點的圖像。
  3. 配置熱點:點擊圖像以添加熱點,設置每個熱點的位置選擇熱點圖標或上傳自定義圖標。
  4. 添加提示內容:為每個熱點添加工具提示內容,如文本或HTML內容。
  5. 自定義熱點樣式:使用Elementor提供的樣式選項,自定義熱點的顏色、大小、邊框和動畫效果。