一千萬個為什麽

搜索

使用jQuery在Google Maps API 3中設置標記標題

我在使用Google Maps和jQuery時遇到了一些問題。想知道是否有人可以幫助解決這兩個問題中較小的問題,希望它能幫助我修復更大問題。

我使用下面的代碼來填充谷歌地圖,基本上它使用生成的HTML來填充表單中的地圖:

 <div class="item mapSearch" id="map52.48228_-1.9026:800">
        <div class="box-prise">
(0.62km away)

<div class="btn-book-now"> BOOK NOW </div> </div>Metro Bar and Grill <div class="info">

Metro Bar and Grill

        
73 Cornwall Street, Birmingham, B3 2DF2 courses £14.50
Diner Rating:
7.8
</div></div>
      <div class="item mapSearch" id="map52.4754_-1.8999:3195">
        <div class="box-prise">
(0.97km away)<div class="btn-book-now"> BOOK NOW </div> </div>Filini Restaurant - Birmingham <div class="info">

Filini Restaurant - Birmingham

        
Radisson Blu Hotel, 12 Holloway Circus, Queensway, Birmingham, B1 1BT2 for 1: main courses
Diner Rating:
7.8
</div></div>
      <div class="item mapSearch" id="map52.47775_-1.90619:10657">
        <div class="box-prise">
(1.05km away)<div class="btn-book-now"> BOOK NOW </div> </div>B1 <div class="info">

B1

 

        
Central Square , Birmingham, B1 1HH25% off food
Diner Rating:
7.9
</div></div>

JavaScript循環使用類mapSearch的所有div,並使用它來使用div ID繪制標記以獲取場地的緯度/經度和ID:

 var locations = $(".mapSearch");
            for (var i=0;i

所有標記都在地圖上繪制好,但是我有一個帶有infoWindow位的probs。我想在點擊時顯示有關每個場地的信息,但是使用我上面的代碼只需在點擊時將所有信息放在一個框中,而不是單獨放置。希望這是一個簡單的解決方案!

希望一旦我解決這個問題,我可以找到一種方法來顯示信息窗口,如果我將鼠標懸停在html中的div上。

最佳答案

嘿,當你這樣做時,你會得到什麽:

alert( $("h2").text() )
// and
alert( $("p.address").text() )

就我的jQuery知識而言,你所看到的是對的; $(“h2”)。text()所有 H2s的內部文本連接成一個字符串並返回它。你最好沿著這些方向嘗試:

// inside your if (id) clause
var jsName =  $("#" + id + " h2").text();
var jsAddress =  $("#" + id + " p.address").text(); 

如果要簡化代碼,可以 .each() over $(“。mapSearch”)

轉載註明原文: 使用jQuery在Google Maps API 3中設置標記標題