2016-10-28 62 views
1

我想初始化一個谷歌地圖標記的點擊一個酥料餅的初始化引導酥料餅,但引導文件只解釋瞭如何當你創建像這樣的HTML按鈕做到這一點:在谷歌地圖標記

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button> 

在我的情況,我有沒有出路,作爲標記以JavaScript定義:

var marker = new google.maps.Marker({ 
       position: latLong, 
       map: map, 
       icon: 'images/icon.png' 
      }); 

     marker.addListener('click', function() { 
      //I WANT TO INITIALIZE POPOVER HERE 
     }); 

所解釋的另一種方式,它用jQuery做它像這樣:

$(function() { 
    $('[data-toggle="popover"]').popover() 
}) 

但據我所知,我的標記還沒有數據切換元素。

有人可以指出我可能會失蹤或做錯嗎?

+0

基本的例子,我想你應該提供一個值,以酥料餅()函數像酥料餅(「顯示」)或「切換」 –

回答

1

你應該使用谷歌地圖信息窗口而不是一個酥料餅,見下文

var infoContent = "<h1>Placeholder Information</h1>"; 

var infoWindow = new google.maps.InfoWindow({ 
    content: infoContent 
}); 

marker.addListener('click', function() { 
    infoWindow.open(map, marker); 
});