資訊專欄INFORMATION COLUMN
摘要：信息窗口具有一個內容區域和一個錐形柄。添加信息窗口構造函數采用了對象字面量，后者為顯示信息窗口指定了一組初始參數。其中包含此信息窗口錨定位置的。在標記上打開信息窗口將自動更新。用于指定信息窗口的最大寬度以像素為單位。
信息窗口
簡介
InfoWindow 在地圖上方給定位置的彈出窗口中顯示內容（通常為文本或圖像）。信息窗口具有一個內容區域和一個錐形柄。柄頂部與地圖上的某指定位置相連。
通常，您會將信息窗口附加到標記，但您也可以將信息窗口附加到特定緯度/經度，如下面的“添加信息窗口”部分所述。
添加信息窗口InfoWindow 構造函數采用了 InfoWindowOptions 對象字面量，后者為顯示信息窗口指定了一組初始參數。
InfoWindowOptions 對象字面量包含以下字段：
content：其中包含要在信息窗口中顯示的本文字符串或 DOM 節點。
pixelOffset：其中包含從信息窗口的頂部到信息窗口錨定位置的偏移量。實際上，您不應也無需修改此字段。您可以將其保留為默認值。
position：其中包含此信息窗口錨定位置的 LatLng。注：InfoWindow 可附加到 Marker對象（此情況下，其位置取決于標記的位置），或附加到地圖本身指定的 LatLng 位置。在標記上打開信息窗口將自動更新 position。
maxWidth：用于指定信息窗口的最大寬度（以像素為單位）。默認情況下，信息窗口會根據其中包含的內容進行擴展，如果信息窗口填滿地圖，那么文本將會自動換行。如果您添加maxWidth，則信息窗口將自動換行以強制適應指定的寬度。如果信息窗口達到最大寬度，但屏幕上仍有垂直空間，則信息窗口可能會垂直擴展。
InfoWindow 的內容可包含文本字符串、HTML 代碼段或 DOM 元素。要設置此內容，請在 InfoWindowOptions 中指定該內容，或者對 InfoWindow 顯式調用 setContent()。
如果您想要顯式調整內容的大小，則可將其納入 創建信息窗口時，它不會自動顯示在地圖上。要使信息窗口可見，則需對 InfoWindow 調用 open() 方法，并向其傳遞其要在上面打開的 Map，也可以選擇向其傳遞其要錨定到的 Marker。如果沒有提供任何標記，則信息窗口將在其 position 屬性指定的位置處打開。 默認情況下，InfoWindow 保持打開狀態，直至用戶點擊關閉控件（信息窗口右上角的叉號）。如果您需要，可以通過調用其 close() 方法來顯式關閉信息窗口。 對信息窗口調用 setPosition() 使用 InfoWindow.open() 方法將信息窗口附加到新標記上。注：如果您調用 open() 而不傳遞標記，InfoWindow 將使用構造時通過 InfoWindowOptions 對象字面量指定的位置。 可以參考下https://segmentfault.com/a/11...，也有信息窗口的實現。 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。 轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/80039.html 摘要：地理編碼響應地理編碼響應以請求路徑中標志指示的格式返回。表示地理編碼成功，但未返回任何結果。通常，這種類型表示某個民政管理部門的多邊形表示國家政治實體，通常是由地理編碼器返回的最高級別類型表示國家地區級別以下的一級行政實體。
大部分項目還是都有要獲取當前點擊的坐標經緯度或者獲取當前街道的信息的，然而谷歌API 的文檔也并不是很直觀。官網地理編碼服務地址：https://develope... 摘要：自己的項目中有獲取當前點擊的坐標經緯度或者獲取當前街道的信息的需求。獻上自己寫的測試案例。代碼的核心就在于請求的這個是經緯度反向地理編碼，這段里有四個參數，，，，具體概念以及參數詳解，請參考下一章的谷歌地圖開發之
自己的項目中有獲取當前點擊的坐標經緯度或者獲取當前街道的信息的需求。估計這個對于新手來說，還是比較麻煩的，因為從官網上找這個也并不是很好找，要找好久的，運氣好的可能會一下子找... 元素中，并使用 CSS 設置
的樣式。您還可以使用 CSS 啟用滾動功能。請注意，如果您不啟用滾動功能，且內容超出信息窗口中可用的空間，則內容可能會溢出信息窗口。
打開信息窗口
關閉信息窗口
相關文章
谷歌地圖 API 開發之 Geocoding API
谷歌地圖 API 開發之獲取坐標以及街道詳情
發表評論
0條評論
閱讀 2084·2021-09-29 09:35
閱讀 689·2021-09-08 09:36
閱讀 3396·2021-09-03 10:30
閱讀 2113·2019-08-30 14:21
閱讀 2913·2019-08-30 11:18
閱讀 3316·2019-08-29 17:31
閱讀 3144·2019-08-29 17:29
閱讀 1311·2019-08-29 17:13
