Google地圖可加入高度客製化圖釘 豐富品牌特色

Google地圖近日又新增了一項客製化的體驗,使用者可以透過「高度客製化的進階圖標(Advanced Markers)」,強化地圖使用體驗。根據Google表示,進階圖標是許多開發人員要求的功能,現在只要透過Maps JavaScript API的進階圖標功能,就能夠滿足這項功能需求,開發者可以利用可高度客製、高效能圖標,來豐富使用者體驗並且展示品牌特色。

Google地圖現在可以製作高度客製化的進階圖標。(圖/截取自Google官方部落格)

Google地圖上經典的紅色圖釘圖示,現在可以提供開發人員自行定義了,藉由進階圖標中的PinView新類別,可以用程式碼更改預設的顏色、背景、圖標以及輪廓,使用案例包含讓店家藉由修改圖標,來顯示品牌代表色,或是物流公司也可更改標記顏色,即時反應包裹或是車輛狀態。

不僅如此,Google也讓開發者可以直接使用SVG和PNG圖檔創建自定義圖標,並運用CSS動態配置進階圖標的樣式和動畫,來更改大小、透明度、位置或是顏色,藉此在地圖中創建動態圖標體驗。

開發者可以自己定義HTML元素來回應使用者的操作,並使用CSS靈活配置樣式,來創建過去必須運用複雜圖層才能建構的效果,像是房地產公司可用於標記房產價格,或是地產面積等資訊。

Google指出,進階圖標的載入速度比傳統圖標更快,支援更快的平移和縮放功能,即使是大量的進階圖標標記,現在在地圖也能夠快速載入;此外,他們也進行了許多輔助功能改進,開發者可以輕鬆的針對螢幕閱讀器或是鍵盤終端用戶創建產品,終端用戶可以完全利用鍵盤選取、拖放圖標,螢幕閱讀器會自動選取圖標標題,圖標也會自動預設為輔助功能角色。(記者/竹二)

瀏覽 710 次

覺得不錯的話就分享出去吧!

發佈留言

Back to top button