react-leaflet相关内容
Reaction手册2.8.0中的旧方法是使用MapLayer和withLeaflet。 但现在在Reaction传单中: MapLayer和withLeaflet从版本3起不再推荐使用。 我正在努力掌握core:https://react-leaflet.js.org/docs/core-introduction 的文档 但以下命令不起作用,我收到 提供的对象不是层。
..
我是Reaction打字稿的新传单学习者。我想在地图上创建自定义按钮。点击该按钮后,将出现弹出窗口。我看到了很多例子,但它们都是基于旧版本,我也试图创造自己的,但没有运气。文档也没有提供太多帮助。对于我的应用程序来说,即使是一个功能强大的自定义控件组件也非常有效。在这方面的任何帮助都将不胜感激。以下是我的代码 自定义按钮 import React, { Component } from
..
我这里的目的是在地图上只允许一个多边形。我的方法是在onCreated方法期间将新图层保存在变量或数组中,并在onDrawStart获取并删除方法中保存,所以一旦用户尝试绘制另一个形状,前一个将被移除,但这不起作用,有什么建议如何实现这一点吗? onCreated = (e) => { coordinates = e.layer._bounds; layer.push(e.layer
..
我正在尝试实现传单地图上的绘制功能。我使用npx create-reaction-app和以下安装的软件包创建了一个仅安装了REACTION-LEAFLET的新应用程序: NPM安装Reaction-dom宣传单 NPM安装Reaction-宣传单 此时,我已经启动了应用程序,一切工作正常:地图显示正确,中间有一个标记。 然后我添加了REACTION-LEAFLE-DRAW包,
..
所以基本上想为 react-leaflet Popup 组件自定义关闭,接缝与本机 API 传单无关,但使用 react-leaflet 中的 react 组件我找不到解决方案. 解决方案 目前,我发现关闭弹窗的唯一方法如下: 构造函数(props){超级(道具);this.popup = React.createRef();}//魔法closePopusOnClick(){this.p
..
版本: react-router-dom 4.1.1 react-router-redux 5.0.0-alpha.4 反应传单 1.1.3 传单 1.0.3 重现步骤 我创建了一张传单地图.我在其中添加了一些标记.这些标记有弹出窗口.在每个弹出窗口中,我都希望有一个 如果有帮助,这是我的路由配置: ReactDOM.render(
..
我想在地图外有一个按钮,可以将视图更改为另一个坐标. 有没有办法让 mapContainer 实例调用它们的函数?或者我该如何实现这个功能? 我试图通过使用 ref 来获取它,但它不起作用.这是我当前的代码 const zoom = 13;功能地图({区域坐标,区域名称}){常量 mapRef = useRef();函数句柄FlyToClick() {//这不起作用//const m
..
在我之前的问题的上下文中,MapContainer, TileLayer, Marker, Popup .. React Leaflet 如何添加多个地点标记 用例是,当自行车从一个地方到另一个地方时,我需要展示骑自行车的人走过的距离. 解决方案 这里是例子.在 MapsComp 上: 声明一个状态变量来跟踪标记 在 comp 挂载时获取标记并将它们保存到变量中
..
我不知道如何在 Leaflet 地图上调用 fitBounds(). 基本上,我试图在地图上显示多个标记并相应地调整视图(放大、缩小、飞到等).我还看到了一些示例 使用时如何调用 fitBounds()传单反应? 我试图实施,但没有奏效.这是我尝试过的代码. import React, { createRef, Component } from "react";进口 {地图,瓦片层,标记,
..
我想创建一个带有显示鼠标实际位置 (x,y) 的 react-leaflet 的自定义组件,但我不知道如何创建它.我找到了 react-leaflet-control 但它似乎不是最新的,当然我阅读了 api 文档 https://react-leaflet.js.org/docs/en/custom-components.html 但我不明白:/ 谁能给我一个自定义组件的例子,只要一个显示
..
我尝试了我在网络上找到的所有东西,Stackoverflow 和 Github,但仍然无法成功. 我想使用自定义图标制作自定义标记,但使用下面的代码时总是出现错误:'TypeError: options.icon.createIcon is not a function' 这是我的代码(文件夹路径没有错误,一切都在 src/js 或 src/img 中) 图标.js 从'lea
..
在 Typescript 文件中,我无法从 'react-leaflet' 导入 'Map' 并使用 'MapContainer' 轻松修复它.但是,我需要为其添加一个“onClick"功能,但“MapContainer"不支持“onClick".我遵循了文档,但它导致我遇到了新的/其他问题......我只需要添加一个简单的 onClick 函数,以使用户能够在此类地图上通过鼠标单击来标记位置.有
..
我想获取当前地图的边界,以便我可以使用 Overpass API 搜索这些边界. 对于传单我知道方法只是 map.getBounds(),但我不知道如何在 react-leaflet 中实现. 类 SimpleExample 扩展 React.Component {构造函数(){极好的();这个.state = {纬度:51.505,液化天然气:-0.09,缩放:13,};}组件DidMo
..
我有非常简单的代码来使用 react-leaflet 显示地图并在其上放置一个标记.但是,我在浏览器控制台中收到以下两个错误 GET http://localhost:8080/marker-icon-2x.png404(未找到) GET http://localhost:8080/marker-shadow.png 404(未找到) 我尝试通过下载这两个图像并将它们放在根目录来
..
我正在尝试使用 react-leaflet 来显示地图.我使用 this fiddle 中的代码,它正在工作,但在我的电脑上我有这个输出 这是我的代码: DeviceMap.js 从'react'导入反应从'react-leaflet'导入{地图,标记,弹出窗口,TileLayer};导出类 DeviceMap 扩展 React.Component {构造函数(){极好的();这个.
..
我不知道如何在 Leaflet 地图上调用 fitBounds(). 如果我只是使用香草传单,此解决方案将完美运行:缩放以适应 Mapbox 或 Leaflet 中的所有标记 不幸的是,我正在使用 react-leaflet. 如果我只是单独使用传单,这就是解决方案. var leafletMap = new L.featureGroup([marker1, marker2,
..
我有下面的反应类,它通过浏览器获取地理位置. 我正在绘制一张传单地图.我想将地理位置作为 setView 的输入,以便地图“缩放"到客户端浏览器位置的区域. 这是反应类: 从'react'导入反应;从“传单"导入 L;从“./countries.js"导入国家;var Worldmap = React.createClass({渲染:函数(){让地理位置 = [];navigato
..
我正在尝试创建一个 react-typescript 应用程序以及 leaflet.我用了命令, npm install leaflet react-leaflet @types/react @types/leaflet --save 安装依赖. 但是当我启动应用程序时,它说, ./node_modules/@react-leaflet/core/esm/path.js 10:41
..
我正在尝试创建一个 react-typescript 应用程序以及 leaflet.我使用了命令, npm install Leaflet react-leaflet @types/react @types/leaflet --save 安装依赖项. 但是当我启动应用程序时,它说, ./node_modules/@react-leaflet/core/esm/path.js 10:
..
我想使用 Citybik.es API (http://api.citybik.es/) 在传单地图上显示数据. 如何从 JSON 在地图上实现这些数据?我已经从 componentDidMount() 内的 API 获取信息,但我不知道关于将这些数据放入地图. 响应如下所示: {“网络":[{“公司": [“Bike U Sp. z o.o."],"href": "/v2/netw
..