如何在Google地圖上使用Angular Js在點擊標記時渲染人員列表？

我正在使用Angular JS v1，當我點擊地圖上的標記時，我需要渲染一個人員列表，我需要標記纔能有數字，這個數字是來自這個國家的人數的指標當我點擊地圖上的這個標記，下面如何在Google地圖上使用Angular Js在點擊標記時渲染人員列表？

出現類似本網站 http://www.travelgirls.com/trips/

來源

2016-04-19 Mahmoud El Kotoury

你試過了什麼？ –

您使用https://angular-ui.github.io/angular-google-maps/#!/或其他不同的東西嗎？ – kabaehr

是的，我用這個庫，我只是提供了地圖和一些標記 –

這裏用相同的號碼作爲標記列表是一個例子，我希望它可以幫助你。如果不是我稍後會提高這個答案（我還沒有現在這麼多時間）

<ui-gmap-google-map center='map.center' zoom='map.zoom'> 
    <ui-gmap-markers models="markers" coords="'self'" options="markerOptions" events="markerEvents" icon="'icon'"></ui-gmap-markers> 
    <ui-gmap-window coords="model.selectedMarker" show="model.selectedMarker.show" templateUrl="'/app/controls/gMapsControl/mapInfoWindow.html'" templateParameter="model.selectedMarker" closeClick="model.closeInfoWindow(model)" isIconVisibleOnClick="false"></ui-gmap-window> 
</ui-gmap-google-map>

/app/controls/gMapsControl/mapInfoWindow.html'：

<div> 
    <h5>{{parameter.title}}</h5> 
    <h6>Affected Devices</h6> 
    <ul> 
     <li ng-repeat="device in parameter.control"> 
      <span class="clickable-device" ui-sref="main.details({id: device.id})">{{device.name}}</span> 
     </li> 
    </ul> 
</div>

此信息窗口，是顯示一個列表點擊標記上的設備。從渲染列表中選擇設備時，也可以路由到另一個站點。

parameter是selectedMarker通過templateParameter和parameter.control因此是設備列表。這個設備列表附在每個標記模型上。是啊......也許不是最好的解決方案，但對我們的用例來說很好

來源

2016-04-19 22:18:08 kabaehr

我很抱歉，但是這應該做像我一樣指的是鏈接？ https://angular-ui.github.io/angular-google-maps/#!/ –

我不明白你的問題。但我剛纔看到你想把數據放在地圖下方，而不是在地圖信息窗口內。這看起來不同。 – kabaehr

我想在持有一個國家的人數的標記上貼上標籤，當我點擊那個標記時，那些人從所有人列表中顯示 –

如何在Google地圖上使用Angular Js在點擊標記時渲染人員列表？

回答

相關問題