我尝试将 fiBounds 与 WebMercatorViewport 对象一起使用,但收到有关 padding 属性的错误。我的代码:const initialViewState: IViewport | WebMercatorViewport = useMemo(() => {if (locationsFitBounds) {const minLat: number = Math.min(..
2022-12-19
我有一个 DeckGL 组件,我将它括在 div 标签中并指定其大小,但 deckGL 层似乎占据了整个视口。 这是我的代码片段。const INITIAL_VIEW_STATE = {longitude: 83.32247972488423,latitude: 17.714023254029464,zoom: 10,pitch: 0,bearing: 0}<div class="my-conta
2020-03-27
我有一张带有maxBounds属性设置的地图,该地图工作正常,但我们使用的是第三方的图块集,该图块集仅提供英国的整个地图,因此我想知道是否有可能将地图限制在其容器div中,以便不呈现的空白处对用户保持隐藏?这是我的设置:const [viewport, setViewport] = useState({latitude: 53.55,longitude: -2.39,width: '100%',h
2021-06-29
我的地图实例位于可调整大小的容器中,当我更改大小时,我应该调用 map.resize()。我想知道是否有办法监听 mapbox 容器调整大小事件,以便它可以触发 map.resize()?您能建议如何操作吗?export default function Map({ chartID, configuration, data }) {const classes = useStyles();const
2021-07-30
我正在使用react-map-gl和状态,以便当单击标记时,popupOpen设置为 true,并且弹出窗口会显示出来。这适用于只有一个标记的地图,但是当我使用地图功能发送多个标记的坐标时,单击其中任何一个都会打开所有弹出窗口,因为绑定状态控制它们所有。如何设置它以便只显示与特定标记相关的弹出窗口?// stateconst [popupOpen, setPopupOpen] = useState
2021-08-14
我正在使用react-map-gl向我的 React 应用添加地图。我想向我的Layer组件添加onClick事件,但react-map-gl似乎不支持它。 (文档在此处:https://visgl.github.io/react-map-gl/docs/api-reference/layer)我最近发现react-mapbox-gl确实支持Layer组件的onClick事件,但我无法通过npm安
2022-03-25