簡體   English   中英

將HTML類/ ID添加到Google Maps Marker(API V3)

[英]Add HTML class/ID to Google Maps Marker (API V3)

如何在Google Maps API V3標記中添加類或ID? 我希望能夠使用jQuery訪問標記。

編輯:嗨克拉克夫,謝謝你的回應。 使用Firebug我在檢查地圖時無法看到這些類,但我注意到有兩個div。 一個用於圖標,一個用於按鈕。

我想做的是:我在網站上顯示丟失的寵物列表,它們也顯示在地圖上。 列表中的每個寵物都有一個唯一的ID,我希望地圖上的每個寵物使用一個類鏡像這個ID,因為ID需要是唯一的,每個寵物可能有幾個點。 所以我正在尋找一種向地圖標記添加類的方法。 這樣,當用戶從列表中選擇丟失的寵物時,它將在地圖上突出顯示它,反之亦然。

謝謝

里克

在做了一些刺激后,我發現地圖標記都有gmnoprint類(假設G oogle M aps No Print )。 所以,我在我家附近搜索披薩的地圖,在Chrome的Inspector的控制台窗口中,我:

> var list = document.getElementsByClassName('gmnoprint');
  [...] //length=37
> for ( var i = 0, item; item = list[i]; i++ ) { console.log(item.id); }
  //(11 items with no id)
  mtgt_A.1001
  mtgt_B.1001
  mtgt_C.1001
  mtgt_D.1001
  mtgt_E.1001
  mtgt_F.1001
  mtgt_G.1001
  mtgt_H.1001
  mtgt_I.1001
  mtgt_J.1001
  mtgt_A.1000
  map_overview
  //Irrelevant information...

所有可見標記的格式為mtgt_[LETTER].1001 數字后綴似乎與多組字母標記有關( mtgt_A.1000是一個隱藏的標記 - 也許這個地方沒有打開,或者其他東西。但是所有相關標記都遵循該模式。所以,大概你應該是能夠通過jQuery使用$('#mtgt_[LETTER].1001')訪問標記 - 再次,取決於您的上下文,但也許您正在尋找的是

function getMarker(letter) {
    return $('mtgt_'+letter+'.1000');
}

ad-hoc-y,但我仍然不確定你得到了什么。

沒設法讓這個工作。 不確定它是否可能。 雖然因為我的標記與我想要鏈接到它們的項目一起存儲在一個數組中,所以我確實破解了它。 所以我可以說如果單擊了第一個項目,則突出顯示該數組的第一個項目的標記。 有點粗糙,如果一個系統需要一個項目的幾個標記,它會破裂,但它現在有效。 如果你想知道我在說什么,請點擊此處: http//www.isabellevetslostpets.com/page/search-for-a-lost-pet

搜索丟失的寵物並點擊結果(遺憾的是沒有人上傳照片!)。 結果存儲在同一個數組(通過AJAX加載的JSON對象 - 看看它的Firebug)作為標記信息,這就是我將它們綁在一起的方式。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM