react-leaflet

2熱度

2回答

這是一個通用的JS問題。在React-leaflet中，我想通過回調來處理事件。被調用的函數獲取調用者（事件）上下文，該上下文可用於執行像this.getZoom（）這樣的東西。 onMoveend={this.moveend} moveend(e){ // e is the event target var zoomText = this.getZoom();

1熱度

2回答

Clojurescript反應，單張不顯示磚正確

我試圖用反應小葉從ClojureScript但我有問題，地磚的方式呈現：一些瓷磚不顯示有瓷磚的表現在不同的城市彼此相鄰這裏是我的代碼有： (ns carder-devcards.map (:require [taoensso.timbre :as timbre] [cljsjs.react-leaflet] ;; js/ReactLeaflet )

3熱度

1回答

單張彈出不會打開（反應）

我正在爲我正在使用單張（react-leaflet）的反應應用程序的地圖視圖工作。我可以在地圖上繪製標記，但是我已經綁定到他們的彈出窗口在點擊時不會打開。我第一次嘗試使用<Marker>和<Popup>組件，但this Github問題表明，從地圖組件中獲取傳單地圖對象並將標記明確綁定到它可能會更好。這是我有： componentDidUpdate() { this.map = this

2熱度

2回答

如何編寫輸出反應傳單標記的組件？

應如何編寫在地圖上輸出Marker的自定義反應組件？我需要有水木清華這樣的工作： import MyMarker from './MyMarker.js'; const builtMarker = (function() { const position = [51.520, -0.11]; return ( <MyMarker position={position

1熱度

1回答

如何引用反應小葉組件的小葉層？

我用反應小冊子在地圖上形象化一條相當長的路徑。用戶可以從列表中進行選擇，並且我希望對所選路徑使用不同的顏色。更改狀態並再次渲染速度太慢，我正在尋找更快的解決方案。 Leaflet path元素有setStyle（）方法，所以我的第一個想法是使用它而不是再次呈現。但如何引用傳單層？ class MyPathComponent extends React.Component { shoul

2熱度

2回答

React-leaflet：如何調用像resetStyle這樣的GeoJson方法？

我正在關注leafletjs的interactive choropleth map示例，我試圖通過使用GeoJson對象的resetStyle方法和Map對象的fitBounds方法來添加交互。 var map = L.map('map'); function zoomToFeature(e) { map.fitBounds(e.target.getBounds()); } v

0熱度

1回答

在React-Leaflet庫中爲<Map>組件設置選項的正確方法是什麼？

React-Leaflet documentation指定某些動態屬性可以通過道具來設置。但是，有many other Leaflet properties/methods是可定製的......需要注意的是，爲了訪問它們，您需要直接與Leaflet實例交互（React-Leaflet文檔中的mentioned here）。我一直沒能找到如何正確地做到這一點任何的例子，但我還是設法得到它的工作：

2熱度

1回答

反應傳單彈出不工作，鼠標懸停時光標不會改變

我正在使用反應傳單，並且可以獲得市場顯示。這只是不工作。我剛剛複製了示例代碼。與其他軟件包有衝突嗎？或者我是否需要特別版本的傳單，對此作出反應和反應？鼠標懸停在地圖上時，我的光標不會改變。我已經確定我有正確的CSS，所以地圖和標記呈現正確。任何幫助將不勝感激，我對此相當新，所以這可能是一個愚蠢的錯誤。 import React from 'react'; import ReactDOM

1熱度

1回答

如何用自定義組件替換React-Leaflet Popup？

我在項目中使用React-Leaflet和（callemall）Material-UI。我試圖渲染React-Leaflet的<Popup></Popup>組件中的Material-UI卡組件。我試過把它作爲一個組件拉入Popup，但彈出窗口不讓組件正常工作。具體來說，卡組件有一個擴展它的按鈕元素，但不幸的是，彈出窗口不會讓我點擊它。我確信有一些CSS-y的東西需要重寫，但我的想法是，更簡單的選擇

2熱度

2回答

陣營小葉如何resetStyle

我下面傳單的地區分佈教程 http://leafletjs.com/examples/choropleth.html 和使用反應小葉。我設法setStyle沒有從原始源代碼的任何修改，它的工作原理。 highlightFeature(e) { var layer = e.target; layer.setStyle({ weight: 5, colo