React에서 leaflet.timedimension (잡기)
$ npx create-react-app sample-app
$ cd sample-app
$ npm install leaflet
$ npm install leaflet.timedimension
$ npm start
/이 mpぇー아 p/src/My마 p2. js
import React, { useEffect } from "react";
import "leaflet/dist/leaflet.css";
import "leaflet-timedimension/dist/leaflet.timedimension.control.min.css";
import L from "leaflet";
import "leaflet-timedimension";
import data from "./data2.json";
const MyMap2 = () => {
console.log(data);
useEffect(() => {
var map = L.map("map", {
zoom: 3,
center: [38.705, 1.15],
timeDimension: true,
timeDimensionControl: true,
timeDimensionOptions: {
times: [1496314227000, 1504263027000],
currentTime: 1496314227000,
// period: "P1M",
},
timeDimensionControlOptions: {
playerOptions: { transitionTime: 1000, startOver: true },
},
});
const dataLayer = L.geoJson(data);
L.timeDimension.layer.geoJson(dataLayer).addTo(map);
}, []);
return <div id="map" style={{ height: "100vh" }}></div>;
};
export default MyMap2;
Reference
이 문제에 관하여(React에서 leaflet.timedimension (잡기)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yono2844/items/12b7651e296f483d41a4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)