react-leaflet

0熱度

1回答

我正在使用react-leaflet並希望自定義標記圖標。 React-Leaflet可以使用Leaflet.Icon對象來顯示自定義標記圖標。所以我給NPM安裝了宣傳單，並加了import { L } from 'leaflet';。我接着說： const FPIcon = L.Icon.extend({ options: { iconSize: [38, 95],

0熱度

1回答

反應小葉LayersControl產生重複的項目列表

我的版本：陣營：16.0.0 反應小葉：1.6.6 我試圖層控制器添加到我的地圖。有兩層，每層包含多個標記。這是我試圖做的一個例子。 import React, { Component } from 'react' import { render } from 'react-dom' import { Map, TileLayer, Circle, Marker, Popup, Layers

0熱度

2回答

需要幫助從反應小冊子中爲打字稿定義正確的類型

我有一個'第一個'項目嘗試使用react-scripts-ts和反應小冊子。我試圖創建下面的類，它看起來像TI應該是直截了當： import {map, TileLayer, Popup, Marker } from 'react-leaflet'; class LeafletMap extends React.Component { constructor() { sup

0熱度

1回答

React-Leaflet多邊形不會被重新渲染

我試圖通過使用反應的狀態來製作動態多邊形，但是單張多邊形不會被重新渲染。目標是創建用戶在地圖上創建點擊的多邊形。 class SimpleExample extends React.Component { constructor() { super(); this.state = { positions: [[51.505, -0.09]] }; }

1熱度

2回答

反應 - 傳單太多標記會導致頁面凍結

我正在使用react-leftlet在許多縣中顯示標記。正如你所看到的，我正在繪製大約53K的標記。問題是，我渲染這些標記後，網頁實際上無法使用，並且經常凍結。有沒有解決這個傳單限制的方法？有沒有更好的方法來顯示這些標記？我使用GeoJson作爲數據源。這就是我如何呈現以下幾點： <GeoJSON key={_.uniqueId()} data= {this.props.cou

0熱度

2回答

扭曲的地圖圖像

這裏是我的代碼： import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import fetch from 'node-fetch'; import PropTypes from 'prop-types'; import { Map, TileLayer }

0熱度

1回答

陣營，傳單，電源位置從國家

我有以下代碼： import React, { Component } from 'react'; import { Map, Marker, Popup, TileLayer } from 'react-leaflet'; class App extends Component { constructor(props) { super(props); th

0熱度

1回答

傳單標記不總是應用

所以我使用傳單反應，我需要添加一些圓圈標記。現在這段代碼有效。在地圖上點擊一個圓形標記應該被添加，但有時它不是。看似隨意，它不會添加可見的標記。有時，如果我改變縮放級別，標記將變得可見，但並非總是如此。所有代碼每次都運行，所以不是沒有調用addMarker（），最後一個標記（通過清除標記層）的移除始終運行。謝謝，編輯。

0熱度

1回答

React-Leaflet-mapping將地塊列表映射到標記

我有一個React Leaflet地圖，它呈現很好。我有狀態的地塊，這似乎很好（我可以看到他們，如果我看組件狀態的列表。每個情節都有一個GeoJSON的多邊形性能。我已經有一個自定義標記組件，它基於縮放（或者是GeoJSON多邊形或者位於圖的多邊形中心的標記）呈現不同的圖形。我正在映射圖表列表並實例化每個圖元的自定義標記元素。但是這並不會產生任何陰謀。我錯過了什麼？地圖部件： impo

0熱度

1回答

的Invalidate proceduraly產生的地圖

我需要廢止其頁面加載使用此代碼後，產生了一些反應，單張地圖： maps = []; mapData = mapData.map(function(assetf,index){ return( assetf.map(function(asset, index){ var ind = index; var indHash = "#" + ind;