반응 전단지가있는 사용자 정의 마커 아이콘

Question

나는 Stackoverflow와 Github에서 웹에서 찾은 모든 것을 시도했지만 여전히 만들 수 없습니다. 없음 (여기

내 코드입니다 : 'options.icon.createIcon 기능없는 형식 오류는'

나는 사용자 정의 아이콘 사용자 정의 마커를 만들고 싶어하지만, 내 코드와 나는 항상 오류가 발생했습니다 아래 폴더 경로에 오류가 모든 SRC/JS 또는 SRC/IMG)

Icon.js

import L from 'leaflet'; 

const iconPerson = L.Icon.extend({ 
    options: { 
    iconUrl: require('../img/marker-pin-person.svg'), 
    iconRetinaUrl: require('../img/marker-pin-person.svg'), 
    iconAnchor: null, 
    popupAnchor: null, 
    shadowUrl: null, 
    shadowSize: null, 
    shadowAnchor: null, 
    iconSize: new L.Point(60, 75), 
    className: 'leaflet-div-icon' 
    } 
}); 

export { iconPerson }; 

MarkerPinPerson

에

import React from 'react'; 
import { Marker } from 'react-leaflet'; 
import { iconPerson } from './Icons'; 


export default class MarkerPinPerson extends React.Component { 

    render() { 

    return (
     <Marker 
     position={this.props.markerPosition} 
     icon={ iconPerson } 
     > 
     </Marker> 
    ); 
    } 
} 

정말 도움이 필요하십니까? 그게 내가 필요한거야,

import L from 'leaflet'; 

const iconPerson = new L.Icon({ 
    iconUrl: require('../img/marker-pin-person.svg'), 
    iconRetinaUrl: require('../img/marker-pin-person.svg'), 
    iconAnchor: null, 
    popupAnchor: null, 
    shadowUrl: null, 
    shadowSize: null, 
    shadowAnchor: null, 
    iconSize: new L.Point(60, 75), 
    className: 'leaflet-div-icon' 
}); 

export { iconPerson }; 

Answer 1

는 드디어 Icon.js 파일에 대한 올바른 코드를 발견했다.