|
|
@ -119,7 +119,7 @@ export class MarkerCluster { |
|
|
|
const dataContainer = document.getElementById("dataContainer"); |
|
|
|
|
|
|
|
// 清空数据容器
|
|
|
|
dataContainer.innerHTML = ""; |
|
|
|
// dataContainer.innerHTML = "";
|
|
|
|
|
|
|
|
// 计算当前页起始索引和结束索引
|
|
|
|
const startIndex = (page - 1) * pageSize; |
|
|
@ -144,6 +144,15 @@ export class MarkerCluster { |
|
|
|
.join(""); |
|
|
|
// 渲染当前页数据
|
|
|
|
dataContainer.innerHTML = itemsTpl; |
|
|
|
window.infoWindow.dom |
|
|
|
.querySelectorAll(".info-window-item") |
|
|
|
.forEach((item, index) => { |
|
|
|
item.onclick = () => |
|
|
|
data[index].config.markerClick?.( |
|
|
|
data[index].extData, |
|
|
|
data[index].config?.item |
|
|
|
); |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
window.renderData = renderData; |
|
|
@ -179,12 +188,17 @@ export class MarkerCluster { |
|
|
|
) |
|
|
|
.join("")} |
|
|
|
</div> |
|
|
|
${ |
|
|
|
totalPages > 1 |
|
|
|
? ` |
|
|
|
<div id="paginationContainer" style="text-align:center;margin-bottom:5px;"> |
|
|
|
<button style="cursor: pointer; background: #00B3CC;border-radius: 8px;border: 0px;" onclick="renderData(window.page-1)">上一页</button> |
|
|
|
<button style="cursor: pointer; background: #00B3CC;border-radius: 8px;border: 0px;" onclick="renderData(window.page+1)">下一页</button> |
|
|
|
</div> |
|
|
|
</div>` |
|
|
|
: "" |
|
|
|
} |
|
|
|
</div>`); |
|
|
|
|
|
|
|
window.infoWindow = this.infoWindow; |
|
|
|
this.infoWindow.open(map, data[0].lnglat); |
|
|
|
|
|
|
|
this.infoWindow.dom.querySelector(".info-close").onclick = () => |
|
|
|