Reafflet 맵이있어 렌더링이 잘됩니다. 는 내가 구성 요소의 상태를 보면 내가 그들을 볼 수 있습니다 (미세 표시 상태에서 플롯의 목록을 가지고있다. 각 플롯은 GeoJSON 폴리곤 속성이 있습니다. 나는했습니다 GeoJSON 다각형 또는 플롯의 다각형 중앙에있는 표식에 따라 다르게 렌더링되는 사용자 정의 마커 구성 요소가 있습니다. 플롯 목록을 매핑
GeoJSON 구성 요소의 스타일을 ID가 선택기와 일치하는지 여부에 따라 동적으로 변경하려고합니다. 플러그인 작성자는 스타일을 함수로 전달해야한다고 말하는 Leaflet documentation을 참조합니다. 나는하고 있지만 주사위는 없다. 내 구성 요소 : import React, { Component } from 'react';
import { co
전단지에 두 점 사이의 경로를 표시하려고합니다. 그 목적을 위해 리플릿 라우팅 머신을 사용하고 있습니다. 하지만지도 객체를 전단 경로 구성 요소에 전달하는 데 문제가 있습니다. 이 map_container.js ...
return (
<Map ref='map' center={position} zoom={this.state.zoom}>
내 프로젝트에 react-leaflet을 통합했습니다. create-react-app 스크립트로 만듭니다. 나는이 example을 따른다. 모든 작동하지만, 내가 사용하려고 할 때 같이 GeoJson 구성 요소는 수입 : 나는 다음과 같은 경고가 import { Map, TileLayer, Popup, GeoJson } from 'react-leaflet'
내 오래된 전단지 응용 프로그램에서 나는 this code을 사용하여 아이콘을 회전 시켰고 완벽하게 작동했습니다. 이제 코드를 반응 전단지로 옮기려고하지만이를 적용하는 방법을 알 수 없습니다. 사용자 정의 컴포넌트를 통해 가능해야한다는 것을 알고, RotatedMarker (src의 Marker.js 기반)에서 어떤 종류의 클래스를 만들려고했으나, 새로운
반응 엽서를 사용 중이며 맞춤 마커 아이콘이 필요합니다. React-leaflet은 Leaflet.Icon 객체를 사용하여 사용자 정의 마커 아이콘을 표시 할 수 있습니다. 그래서 NPM에 전단지를 설치하고 import { L } from 'leaflet';을 추가했습니다. 나는 다음 추가 : const FPIcon = L.Icon.extend({
저는 react-leftlet을 사용하여 여러 카운티의 마커를 표시하고 있습니다. 보시다시피 저는 약 53K 마커를 매핑하고 있습니다. 문제는이 마커를 렌더링 한 후에는 웹 페이지가 실제로 사용할 수없고 종종 멈추는 것입니다. 이 전단지 제한 주위에 방법이 있습니까? 이 마커를 표시하는 더 좋은 방법이 있습니까? GeoJson을 데이터 소스로 사용합니다.
내 코드입니다 : 100 픽셀의 높이가 100 픽셀 폭 이상지도 스트레치를 만들기 위해 내 목표는 그래서 난이 CSS 스타일 썼다 import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import fetch from 'node-fetch';
나는 Stackoverflow와 Github에서 웹에서 찾은 모든 것을 시도했지만 여전히 만들 수 없습니다. 없음 (여기 내 코드입니다 : 'options.icon.createIcon 기능없는 형식 오류는' 나는 사용자 정의 아이콘 사용자 정의 마커를 만들고 싶어하지만, 내 코드와 나는 항상 오류가 발생했습니다 아래 폴더 경로에 오류가 모든 SRC/JS 또