国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

谷歌地圖 API 開(kāi)發(fā)之信息窗口

princekin / 3510人閱讀

摘要：信息窗口具有一個(gè)內(nèi)容區(qū)域和一個(gè)錐形柄。添加信息窗口構(gòu)造函數(shù)采用了對(duì)象字面量，后者為顯示信息窗口指定了一組初始參數(shù)。其中包含此信息窗口錨定位置的。在標(biāo)記上打開(kāi)信息窗口將自動(dòng)更新。用于指定信息窗口的最大寬度以像素為單位。

信息窗口

簡(jiǎn)介

InfoWindow 在地圖上方給定位置的彈出窗口中顯示內(nèi)容（通常為文本或圖像）。信息窗口具有一個(gè)內(nèi)容區(qū)域和一個(gè)錐形柄。柄頂部與地圖上的某指定位置相連。

通常，您會(huì)將信息窗口附加到標(biāo)記，但您也可以將信息窗口附加到特定緯度/經(jīng)度，如下面的“添加信息窗口”部分所述。

添加信息窗口

InfoWindow 構(gòu)造函數(shù)采用了 InfoWindowOptions 對(duì)象字面量，后者為顯示信息窗口指定了一組初始參數(shù)。

InfoWindowOptions 對(duì)象字面量包含以下字段：

content：其中包含要在信息窗口中顯示的本文字符串或 DOM 節(jié)點(diǎn)。

pixelOffset：其中包含從信息窗口的頂部到信息窗口錨定位置的偏移量。實(shí)際上，您不應(yīng)也無(wú)需修改此字段。您可以將其保留為默認(rèn)值。

position：其中包含此信息窗口錨定位置的 LatLng。注：InfoWindow 可附加到 Marker對(duì)象（此情況下，其位置取決于標(biāo)記的位置），或附加到地圖本身指定的 LatLng 位置。在標(biāo)記上打開(kāi)信息窗口將自動(dòng)更新 position。

maxWidth：用于指定信息窗口的最大寬度（以像素為單位）。默認(rèn)情況下，信息窗口會(huì)根據(jù)其中包含的內(nèi)容進(jìn)行擴(kuò)展，如果信息窗口填滿地圖，那么文本將會(huì)自動(dòng)換行。如果您添加maxWidth，則信息窗口將自動(dòng)換行以強(qiáng)制適應(yīng)指定的寬度。如果信息窗口達(dá)到最大寬度，但屏幕上仍有垂直空間，則信息窗口可能會(huì)垂直擴(kuò)展。

InfoWindow 的內(nèi)容可包含文本字符串、HTML 代碼段或 DOM 元素。要設(shè)置此內(nèi)容，請(qǐng)?jiān)?InfoWindowOptions 中指定該內(nèi)容，或者對(duì) InfoWindow 顯式調(diào)用 setContent()。

如果您想要顯式調(diào)整內(nèi)容的大小，則可將其納入

元素中，并使用 CSS 設(shè)置
的樣式。您還可以使用 CSS 啟用滾動(dòng)功能。請(qǐng)注意，如果您不啟用滾動(dòng)功能，且內(nèi)容超出信息窗口中可用的空間，則內(nèi)容可能會(huì)溢出信息窗口。

打開(kāi)信息窗口

創(chuàng)建信息窗口時(shí)，它不會(huì)自動(dòng)顯示在地圖上。要使信息窗口可見(jiàn)，則需對(duì) InfoWindow 調(diào)用 open() 方法，并向其傳遞其要在上面打開(kāi)的 Map，也可以選擇向其傳遞其要錨定到的 Marker。如果沒(méi)有提供任何標(biāo)記，則信息窗口將在其 position 屬性指定的位置處打開(kāi)。



  
    
    
    Info window with <code>maxWidth</code>
關(guān)閉信息窗口

默認(rèn)情況下，InfoWindow 保持打開(kāi)狀態(tài)，直至用戶點(diǎn)擊關(guān)閉控件（信息窗口右上角的叉號(hào)）。如果您需要，可以通過(guò)調(diào)用其 close() 方法來(lái)顯式關(guān)閉信息窗口。

移動(dòng)信息窗口

對(duì)信息窗口調(diào)用 setPosition()

使用 InfoWindow.open() 方法將信息窗口附加到新標(biāo)記上。注：如果您調(diào)用 open() 而不傳遞標(biāo)記，InfoWindow 將使用構(gòu)造時(shí)通過(guò) InfoWindowOptions 對(duì)象字面量指定的位置。

自己的例子

可以參考下https://segmentfault.com/a/11...，也有信息窗口的實(shí)現(xiàn)。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/80039.html

相關(guān)文章

  • 谷歌地圖 API 開(kāi)發(fā)之 Geocoding API

    摘要：地理編碼響應(yīng)地理編碼響應(yīng)以請(qǐng)求路徑中標(biāo)志指示的格式返回。表示地理編碼成功，但未返回任何結(jié)果。通常，這種類(lèi)型表示某個(gè)民政管理部門(mén)的多邊形表示國(guó)家政治實(shí)體，通常是由地理編碼器返回的最高級(jí)別類(lèi)型表示國(guó)家地區(qū)級(jí)別以下的一級(jí)行政實(shí)體。 大部分項(xiàng)目還是都有要獲取當(dāng)前點(diǎn)擊的坐標(biāo)經(jīng)緯度或者獲取當(dāng)前街道的信息的，然而谷歌API 的文檔也并不是很直觀。官網(wǎng)地理編碼服務(wù)地址：https://develope...

    rose 評(píng)論0 收藏0

  • 谷歌地圖 API 開(kāi)發(fā)之獲取坐標(biāo)以及街道詳情

    摘要：自己的項(xiàng)目中有獲取當(dāng)前點(diǎn)擊的坐標(biāo)經(jīng)緯度或者獲取當(dāng)前街道的信息的需求。獻(xiàn)上自己寫(xiě)的測(cè)試案例。代碼的核心就在于請(qǐng)求的這個(gè)是經(jīng)緯度反向地理編碼，這段里有四個(gè)參數(shù)，，，，具體概念以及參數(shù)詳解，請(qǐng)參考下一章的谷歌地圖開(kāi)發(fā)之 自己的項(xiàng)目中有獲取當(dāng)前點(diǎn)擊的坐標(biāo)經(jīng)緯度或者獲取當(dāng)前街道的信息的需求。估計(jì)這個(gè)對(duì)于新手來(lái)說(shuō)，還是比較麻煩的，因?yàn)閺墓倬W(wǎng)上找這個(gè)也并不是很好找，要找好久的，運(yùn)氣好的可能會(huì)一下子找...

    MobService 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<