React宣传单地图位置在不在App.js中时出现故障

文章/答案/技术大牛

发布

2回答

reactjs、leaflet、geolocation、openstreetmap、react-leaflet

我告诉我的地图在whenReady函数中平移到用户的当前地理位置(如果他们已经允许访问他们的位置)，但是当它这样做时，地图就会出错。更奇怪的是，只有当我将地图放在从App.js路由到的视图中(我想将它与导航栏一起显示)时，才会发生这种情况。当它在App.js中时，这种情况不会发生，并且地图会正确显示我的位置。我附上图片来表达我的意思：当贴图在App.js

浏览 22提问于2021-04-01得票数 2

回答已采纳

1回答

嗨，我正试着在我的React页面中展示一个宣传单地图，几天前它还在工作，但我刚刚回来，它不能正常运行。我制作了一张choropleth地图，并从两个json文件中加载了信息以显示在地图上，但今天看了之后，颜色变化在地图上不起作用，鼠标悬停出现故障，只在边界上起作用，而它们应该在整个图层上起作用。这是我的Mapportal.js代码： import React, { Component } from '<em

浏览 89提问于2020-07-13得票数 1

1回答

地图组件仅部分显示图层: React* Map GL 3.X到5.X升级*

react-map-gl

我试图将我的react map gl从3.x更新到5.x，但它非常不稳定。地图的交互区域占据了相同数量的视口，但只显示了背景图层的一部分。这可能是react-map-gl库和我用来渲染背景层的raster-tile样式库之间的新的不兼容。当我回到这里时，本质上是从大众那里寻找任何调试技巧…… 更新:为常规的mapbox token MapStyle切换了自定义API。正如您所看到的，地图div (带有属性)位于正确的位置，但实

浏览 15提问于2019-08-01得票数 0

1回答

加速缩放更改后的传单地图刷新

javascript、maps、leaflet

我认为这可能与我正在使用透明地图的事实有关… 它感觉像是一个setTimeout函数，可以在以前的缩放级别上删除“旧”地图。我只想加快速度。EDIT#2:经过进一步的调查...我在leaflet .7.7中遇到了这个问题。但不是最新版本的leaflet (1.0.1和beta)。Leaflet 77不能做到这一点，它加载“在飞行中”。所以我想我有两个选择:使用地图，延迟缩放-删除上一层……或者使用具有良好快速缩放响应的地图...但是当平移到地图上的不同位置</e

浏览 2提问于2016-11-12得票数 0

1回答

Mapbox GL JS图像叠加坐标精度问题

mapbox

我正面临着Mapbox GL JS的精度问题，当在地图上放置4个角坐标的图像叠加时，会从预期位置偏移50-250米。为了得出这个结论并找到这个错误，将图像的投影与Leaflet和QGIS进行了比较，它们都显示了图像的相同位置，但Mapbox GL JS显示了一个偏移。我认为这可能是框架中的一个bug，需要修复。我正在使用React Mapbox GL JS，并且能够在一个普通的html文件中使用Mapbox GL JS库重新创建这个问题。所以它很可能不是由React引

浏览 60提问于2020-01-04得票数 0

1回答

如何在React* Native中以“向上”和“向下”两种方式将新数据加载到React？*

javascript、android、react-native、react-native-flatlist

我正在使用Flatlist和React Native for Android，我需要在Flatlist的"Up“和"Down”位置(或水平视图中的"Left“和"Right”)到达Flatlist的末尾时动态加载新数据然而，Flatlist只有本机函数可以在onEndReached中“向下”(或在水平方向上“向右”)执行某些操作。你可以通过检测用户是否向左或向右滚动来解决这个问题，但是当我将新数据添加到state的"Up“位置，以便它们被推入数组的乞讨<e

浏览 12提问于2019-03-19得票数 2

2回答

react限制呈现的数量，以防止无限循环，即使函数很好。

javascript、reactjs、google-maps

import React, { useState } from "react"; </button> </div> </div> App.j

浏览 1提问于2022-11-01得票数 1

回答已采纳

1回答

反应钩子引起无意的重呈现

javascript、reactjs、react-hooks、leaflet、react-leaflet

我正在处理一个React +传单地图，并注意到每当我显示或关闭一个模式时，都会重新呈现地图容器/元素。我创建了一个沙箱来演示这个问题，但是如果更多的例子有帮助的话，我的应用程序中的其他地方也会出现这种情况。如果您拖动地图，使当前位置不在视图中，并打开一个模式，我们将强制重新加载<LeafletControlGeocoder/>

浏览 1提问于2022-01-17得票数 1

回答已采纳

1回答

将纬度和经度作为响应js中的道具的最佳方法

javascript、reactjs、google-maps、google-maps-api-3、react-props

我试图在我的应用程序中包含一个特定地理位置的谷歌地图。位置可以改变，所以不能硬编码。我的Map组件如下(删除了不相关的内容)： constructor(props一切正常，映射就会出现。然而，当我使用上面的方法时，就会留下一张空白的地图。谢谢 *编辑/附加*

浏览 0提问于2018-07-11得票数 1

回答已采纳

3回答

React-Leaflet:将地图控件组件放置在地图之外？

javascript、reactjs、custom-component、react-context、react-leaflet

React-leaflet附带了一些控制地图的组件-即<ZoomControl />、<LayersControl />等。ZoomControl /> </Niece></App> 显然，这里的问题是，当这些控件不再是<Map />的子控件或后代控件时，它们不会通过提供程序接收地图

浏览 76提问于2020-01-15得票数 2

回答已采纳

3回答

ReactJS生命周期方法不按顺序工作

javascript、reactjs、react-router、react-google-maps

我正在使用ReactJS进行谷歌地图渲染。为此，我使用了‘react-google-map’库。逻辑流程是:在页面加载时，获取用户的位置并将其绘制在地图上。向用户提供命中不同URL的导航链接。为了处理导航，我使用了React路由器。在componentWillMount()中标识用户的位置，然后相应地设置状态，并在render()中呈现地图。这种情况只会出现在客户端路由中，而不会出现在服务器端呈现<

浏览 19提问于2019-03-23得票数 0

回答已采纳

1回答

在React中通过兄弟级组件之间的usestate数组

reactjs、components、use-state

我正在构建一个有地图和标签的应用程序。我希望每次出现一个新的标记显示它作为一个列表或手风琴项目在我的边标签。每次单击地图时，如何将usestate数组从addmarker组件传递到侧栏组件？e.latlng}`) },export default function VerticalTabs() { const [value, setVal

浏览 0提问于2021-11-15得票数 1

回答已采纳

1回答

React组件正在呈现两次

javascript、reactjs

然而，在最近的开发中，特定的<div>被渲染了两次。在进行故障排除时，我看到<div>出现了两次，但在代码中，我只编写了一次<div>。挠我的头怎么解决这个问题。下面是代码: App.js import React, { Fragment, Component } from "react"; import { BrowserRouter as Router, Routefrom "<em

浏览 31提问于2020-06-21得票数 0

回答已采纳

1回答

我找不到我现在的位置(地理位置) IOS

ios、xcode、react-native、geolocation、react-native-maps

我需要从GPS进入我的位置。所以，我把地理定位引入项目。首先，我创建了如下所示的内容(，已经链接)而且，我已经在我的Xcode中使用了libRCTGeoloc.a然后，我从Airbnb上读取地图视图。告诉我将showUserLocation设置为"true“。当设置为真时，将要求用户访问位置。最后，这并不是要求任何东西访问位置。Route.js import <

浏览 2提问于2017-02-21得票数 0

1回答

React -将状态传递给父组件- AXIOS请求太多

javascript、reactjs、axios

我是一个初学者在编程和反应，我必须创建一个功能谷歌地图单页网站。我正在使用google-map-react。它工作时没有副作用。然后，我想将这些数据传递给我的app.js并更新父状态，这样我就可以在侧边栏上呈现位置了。我认为这可能是问题所在，但这也是我发现的唯一显示列表的方法venues,

浏览 0提问于2018-08-04得票数 0

1回答

响应本机FlatList scrollToItem错误

react-native、react-native-ios、react-native-flatlist

我使用的是React本机FlatList组件。单击列表项时，它会将更多的项添加到列表中，并使用函数ScrollToItem将其滚动到其中之一。有时，在android上滚动时会出现以下错误：对于这类需求，有哪些最佳实践？

浏览 0提问于2018-08-20得票数 4

1回答

在Modal中对本地打开的Tab条进行响应(使用世博)

react-native、expo

我正在尝试打开一个选项卡栏项目作为模式，当我点击时，我现在使用的是世博。我读过这样的文章：。然而，我仍然在学习Reactive原住民，老实说，我不知道如何使用expo导航。

浏览 0提问于2019-02-23得票数 1

1回答

为什么这张桌子不出现？

javascript、reactjs、redux

组件/App.jsimport { connect } from 'react-redux' state = { time: '&#x

浏览 1提问于2021-09-25得票数 0

回答已采纳

1回答

如何在不破坏react-dom的情况下加载react-bootstrap？

javascript、reactjs、requirejs、react-bootstrap

我在弄清楚如何将我的代码放入单独的文件时遇到了麻烦，所以我开始使用require.js。我开始了一个单独的项目，作为一个游乐场，以试验在我的更大的项目中需要的各种模块。的正确位置。这可以通过查看我的相当空的app.js文件来看到： ["jquery", "react", "react_dom", "react_bootstrap"], function($, Re

浏览 1提问于2016-03-17得票数 0

1回答

ios离子型应用程序中的Mapbox定位请求提示

ios、ionic-framework、permissions、geolocation、mapbox

mapbox地图是应用程序的很大一部分，当您打开应用程序时，它会请求允许您使用一个非常正常的提示访问手机的位置。这很好，当应用程序打开时，地图正确地以用户为中心(使用@电容/地理定位)。但是当用户按下以用户为中心的mapboxgl.GeolocateControl按钮并添加蓝色位置点时，提示是奇怪的，我不知道该在哪里更改它。使用用户位置的提示(尽管已经有权限)是：不允许，好的

浏览 8提问于2021-10-08得票数 1

点击加载更多