Как добавить пользовательский шрифт.

Question

Я использую пакет Reaction-leaflet, и мне нужно добавить собственный шрифт, когда пользователь нажимает на точку карты. Как и в случае с метро, ​​значок превращается в значок метро и так далее.Я имею в виду, что пользователь выбирает значок, когда нажимает на карту, или добавляет значок, когда нажимает на карту.

Answer 1

Попробуйте что-нибудь подобное?

import { Marker } from "react-leaflet";
import { divIcon } from "leaflet";
import { renderToStaticMarkup } from "react-dom/server";

class MyCustomMarker extends React.Component {

  generateMarkerContent = fontAwesomeConfig => {
    const { fontAwesomeConfig } = this.props;
    return (
      <div className="my-custom-icon-content">
        {/* Render based on the font awesome config here */}
      </div>
    );
  };

  render(){
    const icon = divIcon({
      className: "my-custom-icon",
      iconSize:[24, 24],
      html: return renderToStaticMarkup(this.generateMarkerContent(t))
    });

    return (
      <Marker {...this.props} icon={icon} />
    )
  }
}