我正在使用 react-leaflet，并且已经创建了一张地图，其中已经放置了标记。我只是想创建一个函数，当单击按钮时，添加一个新标记。但我收到此错误：Uncaught TypeError：无法读取未定义的属性（读取“marker”）注意：filterGare1 部分和 gare 变量对应于从 JSON 文件中检索到的经度和纬度数据这是我的代码：import "./App.css";impor
2022-11-17
正如您在主题中看到的，我的问题是，当我想导入 react-leaflet-rotatedmarker 时，仅导入，我的 react webapplication 就会向我抛出此消息。我正在使用 react-leaflet v2.1.2。这是我的 js 代码片段：import React, { Component } from 'react';import { Map, TileLayer, Mar
2018-12-14
我现在尝试通过变量(coords)提供用户的位置，但每次我将任何变量传递到 onClickUserLoc() 时，变量都会出现错误Cannot read property 'lat' of undefined当我使用 console.log 时，它显示未定义？coords 变量包含一个位置数据数组，例如 lng 和 lat，但在 onClickUserLoc() 中变为未定义。代码： exp
2021-02-05
我从 TFL 的 API 中获取了所有自行车点的“纬度”和“经度”。我试图将所有自行车点显示为 React-leaflet 地图上的标记。我已成功获取数据并将其过滤为正确的格式 [51.505, -0.09]，并将每个标记映射到标记上component <Marker position={data.position} /> .问题是标记未显示在地图上。我已经对一些数据进行了硬编码，并且它可以工作
2019-04-19
我正在尝试使用 leaflet 在我的 reactjs 项目中添加地图，并希望在地图上显示车辆的位置。我为此做了一个示例用法。但是当我在地图上使用标记时，我看到（如您在这张图片中看到的那样）：标记的左上侧贴在我的位置。我想看到标记的底部像圆圈一样位于我的位置中心。但我做不到。我读过 react-leaflet 文档，但没有看到这个参数。如果你能帮助我，我将不胜感激。谢谢import React,
2020-04-12
我无法在 next.js 中加载 react leaflet Marker。在这里我调用了我的地图组件。const MapSearch = dynamic(import('../../components/Map'), {ssr: false,loading: () => (<div style={{textAlign: 'center', paddingTop: 20}}>Chargement…
2020-08-29
我一直在开发一个地图组件，用于渲染从搜索中流出的结果点。我已经完成了大部分工作，直到我开始为 return 语句传递 props。我使用的是自己的组件，而不是 react-leaflet 的。我注意到，如果我使用<Map ... />并使用props.locations.map( ...进行渲染，它会正常工作。如果我使用<map ref={map} >引用我的map = L.map(...)并尝试
2020-09-29
我创建了一个 React FC，并在“useEffect”中调用了一个 rest 服务，该服务应该接收 MapPoints 数组。对于每个 mappoint，我想创建一个“标记”，但它不起作用。如果我添加一个“静态”mappoints 列表，它就可以工作了。MapComponent：return isLoading? <h1>Data are loading...</h1>:<MapContain
2021-01-05
我已导入 Leaflet 模块以及一些代码来删除图标。import L from "leaflet";import { Map, TileLayer, Marker, Popup } from "react-leaflet";import "leaflet/dist/leaflet.css";delete L.Icon.Default.prototype._getIconUrl;L.Icon.De
2021-10-04
我尝试使用 react-leaflet 在我的 react 应用程序上显示地图，我做了基于文档的事情，但由于某种原因，我的标记坏了，这是我的代码const foodIcon = new L.icon({iconUrl: require('../images/makanan.png'),iconSize: [35,45]})const position = [51.505, -0.09]<div i
2021-10-31
我尝试使用react-leaflet-markercluster，但在代码中添加<MarkerClusterGroup>后，控制台中显示错误，并且页面无法加载。如果不添加此组件，一切都会正常工作。也许问题出在版本冲突上，但我尝试回滚react-leaflet的版本，但在将[email protected]与其余软件包一起安装时也会出现冲突。因此，我决定专注于使用实际版本。App.jsimport
2022-04-29
目标是在地图上显示标记。我不明白为什么我的标记没有显示我使用 react-leaflet响应没问题但没有显示任何内容响应我的地图导入import { MapContainer, TileLayer, Marker, ScaleControl } from 'react-leaflet';import tileLayer from '../util/tileLayer';import L from
2022-05-13
我开始使用 React，我想创建一个系统，当我单击由“React-Leaflet”模块生成的地图时，可以修改我的标记。单击后，我想调用 Api 来刷新我的组件 Weather 的数据。我该怎么办？你能帮帮我吗？这是我的组件 Weather :import './Meteo.css';import React, { Component } from 'react';import axios from
2019-01-03