谷歌地圖V3 - 繪製帶有infowindows的矩形

Question

我想在谷歌地圖上繪製出約15個矩形，大約40％的不透明度 - 這樣做的最佳做法是什麼以及如何關聯一些HTML數據用它？

一個數組，然後通過它進行傳遞？我如何做一個鼠標懸停（最好）工具提示或至少點擊？

Answer 1

您可以創建一組google.maps.Rectangle實例並使用RectangleOptions將fillOpacity設置爲0.4。該矩形是一個JavaScript對象，因此您可以自由地將任何您想要的數據與任何實例相關聯。

矩形還會觸發事件：mouseover和click，因此您可以觸發您提及的DOM事件。爲了使矩形接受點擊，您傳遞給構造函數的RectangleOptions可能還包含一個成員：clickable，如果設置爲：true，您可以讓該矩形執行點擊事件。

或者，如果您只是想在地圖上放置一個矩形標籤並添加一些innerHTML內容，就像地圖上的便箋一樣，您可能對google-maps-utility-感興趣。它允許對樣式進行完全控制，並且具有讓您控制事件處理/傳播的機制。