Angular-Leaflet-Directive-在技術上渲染地圖，但未顯示任何圖塊的問題。

Question

。 。 。 因為圖塊絕對位於高度為零的父容器內。

這是指令： https : //github.com/tombatossals/angular-leaflet-directive

由於我正在處理一個相對較小的圖書館，因此我不確定尋求幫助的適當渠道。 我很確定我沒有做錯任何事情，因為帶有地圖縮放控件的灰色“畫布”正在呈現，並且地圖的圖塊正在加載（但實際上並未顯示）。 我可以通過為其父元素分配高度來強制顯示拼貼，但顯然這不是Leaflet應該如何工作的。

我意識到這可能不是尋求此類幫助的最佳地點，所以我想知道是否有人（如果沒有別的話）可能知道我最好地尋求幫助。

Answer 1

我的CSS中的這個選擇器就是問題所在：

img {
  max-height: 100%;
  max-width: 100%;
}

解決方案是簡單地允許圖像如通常在傳單地圖的容器中那樣呈現：

.leaflet-container img {
  max-height: none;
  max-width: none;
}

Answer 2

很難說，沒有看到您項目的任何代碼。 但這聽起來像您需要對#map容器元素應用高度。 請查看其中一份傳單教程，以獲取可能的CSS示例。

像下面這樣的東西會起作用：

#map{ height: 600px; width: 100% }

要么

#map{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}