Leaflet 我怎样才能放下一个标记,在这个半径内得到一组长的滞后

Leaflet 我怎样才能放下一个标记,在这个半径内得到一组长的滞后,leaflet,react-leaflet,Leaflet,React Leaflet,我的标记当前可通过dragend的事件侦听器拖动。我可以得到特定点的滞后和长,但我想得到北、南、东和西的坐标。 我认为getBound()是我所需要的,但我不知道如何在函数中调用它 非常感谢您的帮助 import React from 'react'; import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet' import "./Map.css" function Map({childre

我的标记当前可通过dragend的事件侦听器拖动。我可以得到特定点的滞后和长,但我想得到北、南、东和西的坐标。 我认为getBound()是我所需要的,但我不知道如何在函数中调用它

非常感谢您的帮助

import React from 'react';
import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet'
import "./Map.css"


function Map({children}) {


  return (
      <>
      {children}
      <MapContainer center={[40.678177, -73.944160]} zoom={13} scrollWheelZoom={false}>
        <TileLayer
          attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        />
        <Marker 
          eventHandlers={{
            dragend : (e)=>{
              console.log(e)}
          }}
          draggable={true}
          position={[40.678177, -73.944160]}
          >
          <Popup>
            test
          </Popup>
        </Marker>
      </MapContainer>
      </>
  )
};

export default Map;
从“React”导入React;
从“react传单”导入{MapContainer、TileLayer、Marker、Popup}
导入“/Map.css”
函数映射({children}){
返回(
{儿童}
{
console.log(e)}
}}
draggable={true}
位置={[40.678177,-73.944160]}
>
测试
)
};
导出默认地图;

latlng点没有边界。但您可以使用来获取与北、南、东和西有一定距离的点:

从“传单”导入L;
进口"小册子";;
常数距离=100//(米)
//在您的组件中:
事件处理程序={{
德拉根德:(e)=>{
常数n=L.GeometryUtil.目的地(e.latlng,0,距离)
常数s=L.GeometryUtil.目的地(e.latlng,180,距离)
常数e=L.GeometryUtil.目的地(e.latlng,90,距离)
常数w=L.GeometryUtil.目的地(e.latlng,270,距离)
}}

现在你有了直接指向北、南、东、西的点,距离dragend事件发生的地方正好
米。

谢谢!我不知道我们可以从“传单”中导入L。我一直在浏览React传单的文档,但什么都找不到!!