如何在react原生mapbox GL中放置浮动按钮
在React原生Mapbox GL中放置浮动按钮可以通过以下步骤实现：
- 首先，确保你已经在React项目中安装了Mapbox GL库。你可以使用npm或yarn来安装它。
- 在你的React组件中引入Mapbox GL库和相关的样式文件。
import mapboxgl from 'mapbox-gl';
import 'mapbox-gl/dist/mapbox-gl.css';- 在组件的生命周期方法中初始化Mapbox GL地图。你可以在
componentDidMount方法中进行初始化。
componentDidMount() {
mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';
const map = new mapboxgl.Map({
container: this.mapContainer,
style: 'mapbox://styles/mapbox/streets-v11',
center: [longitude, latitude],
zoom: 12
});
// 在这里添加你的浮动按钮
}- 在render方法中创建一个容器元素来承载地图。
render() {
return (
<div ref={el => this.mapContainer = el} className="mapContainer" />
);
}- 现在你可以在
componentDidMount方法中添加浮动按钮。你可以使用HTML和CSS来创建按钮，并使用Mapbox GL的map.addControl方法将按钮添加到地图上。
componentDidMount() {
// ...
const floatingButton = document.createElement('button');
floatingButton.className = 'floatingButton';
floatingButton.innerHTML = 'Button';
floatingButton.addEventListener('click', () => {
// 处理按钮点击事件
});
map.addControl(new mapboxgl.Marker(floatingButton), 'top-right');
}- 最后，使用CSS样式来定位和美化浮动按钮。
.floatingButton {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
background-color: #fff;
border: none;
border-radius: 4px;
padding: 8px;
font-size: 14px;
cursor: pointer;
}这样，你就可以在React原生Mapbox GL中放置浮动按钮了。记得替换YOUR_MAPBOX_ACCESS_TOKEN为你自己的Mapbox访问令牌。如果你需要更多关于Mapbox GL的信息，可以参考腾讯云的Mapbox GL相关产品和产品介绍链接地址。
相关·内容
我想以mapbox- gl的形式使用react-native-mapbox-gl/映射，例如，我尽我所能在useEffect中初始化MapView组件，而不是在组件中。我是否可以重写下面的代码，以便于react native谢谢阅读， import React, { useEffect, useRef, useState } from "react";
import mapboxgl from "mapbox-gl";
import "mapbox-gl/dist/mapbox-gl.css";
const styles = {
widt
浏览 49提问于2020-12-02得票数 0
我在我的react原生应用程序中广泛使用了<code>C0</code>，我想将动态样式图标添加到图表样式中。
javascript mapbox库有一个名为<code>C1</code>的很好的事件，我们可以用它来检查某个样式缺少哪个图像并构造它。
在反应原生mapbox gl库中有没有类似的东西？
换句话说，我想使用react原生mapbox-gl库来实现一些<code>C2</code>。
浏览 22提问于2019-08-20得票数 3
我已经尝试了相当多的变种，但都没有成功。 情景:我想渲染一个React Native应用程序，它在我的Jest测试中有一个Mapbox地图，这样我就可以测试我们围绕它编写的逻辑。 我已经设法重现了我在一个迷你存储库中看到的错误：https://github.com/JKowalsky/mapbox-error-test-repo/tree/master mini repo是一个react-native init默认项目，它包含Mapbox并设置一个访问令牌，这样我们就可以使用依赖项了。 import MapboxGL from '@react-native-mapbox-gl/map
浏览 11提问于2019-09-26得票数 2
回答已采纳
我正在尝试在React中使用没有地图的Mapbox地理编码器(参见https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-no-map/ )。我可以成功地创建refs，但是一旦我将它用作.addTo()函数中的参数，尽管refs是一个[object HTMLDivElement]，我仍然会收到以下错误消息 Error: addTo Container must be a mapbox-gl-js map or a html element reference 代码在这里：https://codesandbox.io/s/
浏览 10提问于2020-06-16得票数 0
在我的geocoder项目中尝试使用react地理编码器时会出现此错误。
我删除了FlyToInterpolator，但仍然得到了相同的错误。
有人找到解决办法了吗？
我安装了
从“react map-gl”导入MapGL；从“react gl-Geo编码器”导入地理编码器；
./node_modules/react-map-gl-geocoder/dist/index.m.js试图导入错误：'FlyToInterpolator‘不是从’react gl‘(导入为'r')导出的。
这些是我的依赖：
"mapbox": "^1.0.0-beta1
浏览 8提问于2022-03-11得票数 1
我正在使用React native，并使用Mapbox GL库来显示地图。现在我想在Mapbox GL视图的中心添加一个按钮。下面是我所得到的。 ? 下面是代码。 <View style={styles.container}>
<Mapbox.MapView
style={{flex: 1}}
styleURL={Mapbox.StyleURL.Dark}
zoomLevel={15}
centerCoordinate={[79.900424, 6.867281
浏览 35提问于2019-02-20得票数 1
回答已采纳
1回答
我能够使用marker中的以下代码在地图上创建一个react-native (注释)。
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
import MapboxGL from '@mapbox/react-native-mapbox-gl';
import Mapbox from '@mapbox/react-native-mapbox-gl';
浏览 0提问于2018-02-20得票数 10
回答已采纳
我正在使用create-react-app并尝试安装mapbox-gl-draw。
npm install @mapbox/mapbox-gl-draw
这适用于一些npm警告。然后，我尝试将mapbox-gl-draw拉入一个组件中，如下所示：
import React,{Component} from 'react';
import mapboxgl from 'mapbox-gl/dist/mapbox-gl.js';
import ReactMapboxGl from 'react-mapbox-gl';
import MapboxDra
浏览 16提问于2017-01-02得票数 2
回答已采纳
我试着在盖茨比网站上使用Mapbox地图。我使用了react教程中的代码：，并将其放入映射组件中。
我在页脚上调用map组件，它在开发模式下工作得很好，但是当我运行gatsby build和gatsby serve时，它拒绝显示映射，尽管它显示了容器：
我也尝试过来自docs的另一个建议，那就是在gatsby-node.js中使用。
exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
if (stage === "build-html") {
actions.setWebpac
浏览 4提问于2020-12-21得票数 6
回答已采纳
假设我们有以下Map组件。这是在TypeScript中实现的，但对于普通的JavaScript也是如此。
import * as React from 'react';
import ReactMapboxGl from 'react-mapbox-gl';
const MapBox = ReactMapboxGl({
accessToken: 'pk.<redacted>'
});
export default class Map extends React.Component {
render() {
retu
浏览 17提问于2018-02-19得票数 13
1回答
我试图在我的web app.following中实现一个mapbox --本教程 .我面临一个错误“错误:无效类型：‘容器’必须是一个字符串或HTMLElement。”这是我的密码
import mapboxgl from 'mapbox-gl';
import React, { useRef, useEffect, useState } from 'react';
import ReactMapGL from 'react-map-gl'
import 'mapbox-gl/dist/mapbox-gl.css';
//
浏览 7提问于2022-08-09得票数 0
我正在使用react- map -gl-draw库在地图上绘制多边形。我想找出react-map-gl- className图标的绘图。 例如，className="mapbox-gl-draw_ctrl-draw-btn mapbox-gl-draw_trash"会给我一个带有垃圾桶图标的按钮。我想知道在哪里可以找到其他图标的className。
浏览 36提问于2021-10-06得票数 0
回答已采纳
1回答
如何在之外创建可以拖入其中的元素？例如，假设我想在页面上呈现一个位置列表。每个位置都是带有自定义标记或图标的反应性组件。
在这个位置列表的旁边是一个Mapbox地图。地图中没有呈现位置列表。虽然我知道可以拖动这些单独的位置组件，但是否有可能将它们拖放到Mapbox地图中，并将其识别为地图上具有纬度/经度坐标的实际标记？如果是的话，我怎样才能做到呢？
下面是我尝试过的代码中的相关源文件：
index.js
import dynamic from "next/dynamic";
import { useSelector } from "react-redux";
i
浏览 0提问于2020-07-06得票数 4
我试着安装：，但我有以下错误：
Could not resolve all files for configuration ':mapbox-react-native-mapbox- gl:debugCompileClasspath'.
> Could not resolve com.squareup.okio:okio:1.13.0.
Required by:
project :mapbox-react-native-mapbox-gl
> Cannot find a version of 'com.squareup.okio:okio' th
浏览 0提问于2019-05-03得票数 0
回答已采纳
1回答
我目前正在开发一个包含地图的react应用程序，该地图将需要在其上添加标记。目前我已经有了地图，并且我已经按照我想要的方式设置了它的样式，但是当我绘制一个标记时，该标记偏离了它应该在的实际位置。我使用mapbox-gl作为react-mapbox-gl似乎缺少的文档。 它应该绘制在丹佛，科罗拉多州，但它不是，当它完全缩小地图组件之外的一些实例。 console.log("Map props", props)
const [map, setMap] = useState(null)
const mapContainerRef = useRef(null
浏览 172提问于2020-08-11得票数 0
1回答
我正在使用React和Redux构建我的应用程序。现在我想在其中一个组件中嵌入一个Mapbox GL贴图，并在我的Redux中创建一些状态来反映贴图的状态。
将React Redux应用程序与Mapbox GL结合的最佳方式是什么，以便我的React元素可以与地图交互？
浏览 1提问于2016-08-05得票数 3
我正在建立一个应用程序与Mapbox-gl和mapbox-gl-方向与React.js。代码非常简单，而且运行得很完美。但是，为了计算每公里的成本，我需要检索对应于km的数据。 我在Network选项卡- Preview下的dev工具中看到了数据。所以我的问题是，我如何检索这些数据？我在网上找不到任何信息... 这是我的代码： import React from 'react';
import './App.css';
import mapboxgl from 'mapbox-gl';
import 'mapbox-gl/dist/
浏览 23提问于2020-12-30得票数 0
回答已采纳
1回答
我试图建立一个反应应用程序与一个综合地图的mapbox。当我启动应用程序时，它会说访问令牌无效。但我在网站上使用了公文。
VM68 react_devtools_backend.js:4061 Error: **A valid Mapbox access token is required to use Mapbox GL JS. To create an account or a new access token, visit https://account.mapbox.com/**
at $t.errorCb (vendors-node_modules_mapbox-gl_dis
浏览 9提问于2022-02-08得票数 0
回答已采纳
嗨，我正在尝试使用mapbox与进行交互。我得到了一个错误：意外的'!‘在导入'worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker'时导入"worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker“
这是我的重要密码：
Map.js
import React from 'react'
import mapboxgl from 'mapbox-gl/dist/mapbox-gl-csp';
import MapboxWorker from &#
浏览 5提问于2021-03-04得票数 13
回答已采纳
我正面临着Mapbox GL JS的精度问题，当在地图上放置4个角坐标的图像叠加时，会从预期位置偏移50-250米。为了得出这个结论并找到这个错误，将图像的投影与Leaflet和QGIS进行了比较，它们都显示了图像的相同位置，但Mapbox GL JS显示了一个偏移。 我认为这可能是框架中的一个bug，需要修复。我正在使用React Mapbox GL JS，并且能够在一个普通的html文件中使用Mapbox GL JS库重新创建这个问题。所以它很可能不是由React引起的。 为了重现这个问题，尝试使用Mapbox、Leaflet和QGIS在地图上叠加图像，然后比较结果。 mapbox-gl
浏览 60提问于2020-01-04得票数 0
我在Mapbox的map中使用了一个地理编码器元素--特别是react-map-gl-geocoder。我想把元素移到右边，但是我似乎不能重写赋予它的样式。 在下图中，您可以在左上角看到搜索。我希望能够应用某种边距-left/left的值为50，以便它位于地图导航按钮旁边。 使用嵌套在地理编码器中的className不起作用。 <Geocoder
mapRef={mapRef}
mapboxApiAccessToken={process.env.SOME_MAPBOX_API_KEY}
onViewportChange={(viewport)
浏览 75提问于2020-09-16得票数 1
我正在开发一个使用交互式地图可视化功能的React webapp。我们使用的是deck.gl库和react-map-gl。React Map GL被Deck GL定义为“与deck.gl无缝工作的Mapbox GL周围的React包装器” 在读完这个定义后，我感到困惑，并质疑一切到底是如何在架构上联系在一起的。我认为Deck GL和Mapbox GL是两个独立的库。 有人能给我解释一下这一切是如何结合在一起的吗？Mapbox，Mapbox GL，Deck GL，React Map GL和任何其他相关的库/框架？
浏览 11提问于2020-01-22得票数 1
我正在尝试使一个基本的DeckGL示例正常工作。
我应该怎么做才能看到控制按钮，像下面的图像？这只是花了太多的时间，所以决定问这样的社区。
import React from 'react';
import DeckGL from 'deck.gl';
import { StaticMap } from 'react-map-gl';
// Initial viewport settings
const initialViewState = {
longitude: 170.6362,
latitude: -44.13
浏览 0提问于2018-10-26得票数 3
回答已采纳
1回答
我目前使用的是react、react gl和three.js。我想渲染一个.obj，我有一个反应-地图-gl之上。
如果将deck.gl代码/react gl代码注释掉，我的.obj将通过以下方式成功地显示在屏幕上：
在render()中
<div
className='component-app'
data-test='component-app'>
<DeckGL
layers={this._renderLayers()}
controller={controller}
i
浏览 2提问于2018-09-07得票数 0
回答已采纳
我正在尝试使用mapbox-gl和Jest和React - test -library来测试react组件。在组件内部，我使用mapbox构造函数，并在调用this.map.remove()的componentWillUnmount中将一个实例分配给this.map，这会导致测试出错。
组件代码
import React, { Component } from "react";
import mapboxgl from "mapbox-gl";
import "./Map.css";
class Map extends Component {
浏览 3提问于2021-01-04得票数 0
import ReactMapboxGl, { Marker } from "react-mapbox-gl";
import React from "react";
const Map = ReactMapboxGl({
accessToken: process.env.REACT_APP_MAPBOX_TOKEN,
});
export default function App() {
return (
<Map
浏览 1提问于2021-01-25得票数 0
我使用Create应用程序来引导我的react应用程序。我已经通过react-mapbox-gl集成了Mapbox。
我的package.json对于mapbox有这两个依赖项(省略了其他依赖项)：
"dependencies": {
"mapbox-gl": "^0.38.0",
"react-mapbox-gl": "^1.12.0",
}
Mapbox在localhost:3000上的工作方式与预期的一样，但在我的产品中却不能在localhost:8000上构建。我使用npm run st
浏览 5提问于2017-07-19得票数 0
回答已采纳
我已经使用.env文件在我的react应用程序中添加了一个令牌。无论我做什么，我还是会有一个错误(index.js:1 Error: An API access token is required to use Mapbox GL.)
这是我的密码：
import mapboxgl from '!mapbox-gl';
import {Marker} from 'react-map-gl';
import React, { useRef, useEffect, useState } from 'react';
import "./Map
浏览 7提问于2022-08-24得票数 0
回答已采纳
我正在寻找一种在我的react原生应用程序中使用OpenStreetMap数据的方法。在我最后的研究中，我发现了，这是一个基于MapBox GL旧版本的免费选项。我面临的问题是，除了之外，我找不到任何插件在React Native中使用它。因此，在他们的文档中说：“我们现在也支持Mapbox SDK的MapLibre风格”，但他们提出的示例如下：
import { StyleSheet, View } from "react-native";
import MapboxGL from "@react-native-mapbox-gl/maps";
Mapbox
浏览 57提问于2021-06-13得票数 3
2回答
我有一个关于添加CSS的问题，因为我找不到任何其他与此相关的问题。我正在尝试将地理编码器搜索移动到地图上比它位于“右上角”的位置更低的位置，并且我不能改变它的位置，无论我使用内联还是内部CSS： import React from "react";
import "mapbox-gl/dist/mapbox-gl.css";
import "react-map-gl-geocoder/dist/mapbox-gl-geocoder.css";
import Geocoder from "react-map-gl-geocoder"
浏览 31提问于2020-08-08得票数 0
我已经在地图初始化中设置了自定义样式url。像这样： <Mapbox.MapView
styleURL="asset://mystyle.json"
logoEnabled={false}
attributionEnabled={false}
ref={(e) => { this.oMap = e }}
animate={true}
zoomLevel={6}
centerCoordinate={[54.0, 24.0]}
style={{ flex: 1 }}
showUserLocation={true}&
浏览 53提问于2019-03-07得票数 5
回答已采纳
我使用这个叫做mapbox-gl-directions的插件，有什么方法可以改变标记A和B吗？我没有看到任何关于如何编辑这些标记的文档或教程，如果有感谢，请帮助我。 Image of the map import { useEffect, useRef } from "react";
import mapboxgl from "mapbox-gl";
import MapboxDirection from "@mapbox/mapbox-gl-directions/dist/mapbox-gl-directions";
import * as
浏览 57提问于2021-07-01得票数 0
回答已采纳
1回答
如果我将api令牌直接复制并粘贴到.env，则开发人员服务器
NEXT_PUBLIC_MAPBOX_API="my-secret-mapbox-gl-api-key"
然后把它当作
mapboxAccessToken={process.env.NEXT_PUBLIC_MAPBOX_API}
它不呈现地图，开发工具中也有错误
next-dev.js?3515:24 Error: An API access token is required to use Mapbox GL. See https://www.mapbox.com/api-documentation/#access
浏览 6提问于2022-07-23得票数 1
回答已采纳
1回答
我使用的是react项目，因此使用顺风Css创建了create-react-app，方法是遵循以下指南：，在我的项目中，我需要有Map，这样我就可以得到最近的位置等等。因此，遵循以下指导方针：，并从获得访问令牌和Mapbox样式。我不知道为什么我不能让地图显示在我的网页上。谷歌搜索，也尝试了几乎所有的选项中提到的斯塔克溢出，但似乎什么都不适合我。有人建议在craco.config.js文件中添加babel规则，但这方面也没有进展。有人能帮我解决这个问题吗。将不胜感激！谢谢
我的Map.js文件：
import { useState } from "react";
im
浏览 8提问于2021-08-31得票数 0
我注意到Mapbox Studio似乎不支持方向线，但通过创建自定义箭头图标并将其用作模式样式属性，可以绕过这一问题。这看起来很不错，
但是当我要在网页中显示地图时，它看起来像
我认为这可能是自定义图标丢失的问题，但进一步放大网页地图，它看起来图标在那里，但
有没有人能建议一种解决显示问题的方法，或者一种更好的设置方向线样式的方法？
这里有一个指向的链接，如果有任何其他信息我可以提供帮助，请告诉我！
编辑-这是我用来渲染地图的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8&
浏览 35提问于2020-05-21得票数 1
我已经开始为一个cljs项目()使用:target :nodejs编译器选项。总的来说，它工作得很好。
但是，当尝试将@mapbox/react-native-mapbox-gl转换为更新的require语法时，例如
(:require [@mapbox/react-native-mapbox-gl])
它失败了-
Library name must be specified as a symbol
因为npm模块的作用域是@。使用字符串也不起作用。
这是可行的-
(set! js/MapboxGL (js/require "@mapbox/react-native-mapbox-gl
浏览 11提问于2017-12-14得票数 0
回答已采纳
我刚刚开始在react mapbox应用程序中使用react-mapbox-gl-draw。我正在跟踪非常快速的演示和他们的来设置<DrawControl />。看起来很简单，但我遇到了一个问题。
下面是我的代码，错误如下：
import DrawControl from 'react-mapbox-gl-draw';
import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
// imports
// ignore the class instantiation, constructor,
浏览 2提问于2019-07-18得票数 1
回答已采纳
2回答
我是deck.gl的新手，并且有一些issues.Whenever，我尝试使用API作为数据，就像我尝试使用以下api一样。
data: 'https://envirocar.org/api/stable/measurements'
但是它不能工作，或者如果我把api的数据放在一个json文件中，然后把它放在我当前的工作目录中，它就不能工作了，例如：
data:'../data_file.json'
即使.csv文件也不能工作，但是当我使用像following这样的数组形式的数据时，它可以工作。我不知道为什么，如果有人知道，请帮助我。
data: [
{
浏览 25提问于2020-03-09得票数 0
但是，在提供了访问令牌之后，我将在react map -gl中设置一个映射，但我将得到以下控制台错误：
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://events.mapbox.com/events/v2?access_token=TOKEN. (Reason: CORS request did not succeed). Status code: (null).
我安装了react map-gl
npm install --save r
浏览 14提问于2022-03-02得票数 6
我可以用我的风格和私人标记渲染我的地图，但是它不是交互式的(滚动，移动不工作)-为什么？代码如下
import Map from 'react-map-gl'
import mapboxgl from "mapbox-gl/dist/mapbox-gl-csp";
import ReactMapGL from 'react-map-gl'
import React, { useState } from 'react'
function Map() {
const [viewport, setViewport] = useStat
浏览 6提问于2022-11-04得票数 0
我有一个带有webpack版本的React应用程序。我使用的是使用React-Hot的Webpack HMR。我将其配置为文档，除了一个地方之外，一切都工作得很好。
我有一个非react库来显示来自map-box API (mapbox-gl)的地图。
在react组件中，我使用ref创建了一个<div>，并将mapbox-gl代码初始化为ComponentDidMount方法。我在ComponentDidMount上运行以下代码：
ComponentDidMount() {
const map = new mapboxgl.Map({
contain
浏览 20提问于2019-07-09得票数 0
2回答
这个问题已经问了很多次了，但似乎没有解决问题的办法。
当我放大的时候，我所有的标记都移出了位置。
这是我的App.js：
import * as React from "react";
import Map, { Marker } from "react-map-gl";
function App() {
return (
<Map
initialViewState={{
longitude: -100,
latitude: 40,
zoom: 3.5,
}}
浏览 4提问于2022-03-04得票数 1
我尝试在React-mapbox-gl中显示用户位置和标题指示器。 import * as React from "react";
import ReactMapGL, { GeolocateControl } from "react-map-gl";
const geolocateControlStyle = {
right: 10,
top: 10
};
function App() {
const [viewport, setViewport] = React.useState({
longitude: -122.45,
浏览 22提问于2021-09-21得票数 1
回答已采纳
我在react本机中使用mapbox/ react -本机-mapbox包页，在命令行中运行react本机应用程序时，我会得到以下错误。
配置项目‘：@mapbox/react本机-mapbox’时出现问题。
项目名称‘@mapbox / see本机-mapbox-gl’不能包含以下任何字符: /、\、：、<、>、“、？、*、.设置'rootProject.name‘或调整’rootProject.name‘语句(参见 )。
我尝试删除项目名称中的@和/符号。
出了问题:配置项目‘：@mapbox/react本机-mapbox’出现了问题。
项目名称‘@mapb
浏览 2提问于2019-02-05得票数 2
回答已采纳
这是我的代码，结果是没有。
import React, {Component} from 'react';
import ReactMapBox from 'react-map-gl';
import 'mapbox-gl/dist/mapbox-gl.css';
class MapExample1 extends Component {
state = {
viewport: {
width: "100vw",
height: "100vh"
浏览 10提问于2022-05-16得票数 2
使用mapbox/mapbox-gl-draw可以将多边形工具添加到Mapbox贴图。我在一个ReactJS项目中使用了它。现在，我想要更改当我悬停多边形工具按钮时显示的文本。我该怎么做呢？ ? 我在mapbox-gl- the line代码中找到了将此悬停文本分配给按钮的标题属性的代码。所以我可以派生mapbox-gl-draw，只是为了改变这一行。但我不希望不得不这么做。 这是我的代码中添加多边形控件的部分： const draw = new MapboxDraw({
displayControlsDefault: false,
controls: {
polyg
浏览 85提问于2020-10-24得票数 3
1回答
我希望这是一个可以问的地方。我在Windows10上开发了一个react-native-mapbox-gl/maps应用程序，但是MarkerView组件没有出现。下面是供参考的App.js代码：
import React, { Component } from 'react';
import {
StyleSheet,
} from 'react-native';
import MapboxGL from '@react-native-mapbox-gl/maps';
MapboxGL.setAccessToken('MY_TOK
浏览 19提问于2020-06-04得票数 1
3回答
代码：
import DrawControl from "react-mapbox-gl-draw";
export default function MapboxGLMap() {
let drawControl = null
return(
<DrawControl ref={DrawControl => {drawControl = DrawControl}}/>
)
}
我想在drawControl不为空的时候加载数据。我检查可能使用回调ref的文档。
那么，如何监听drawControl更改并加载数据呢？
浏览 0提问于2020-01-05得票数 23
我碰巧是一个学习RN的JS开发人员。
我用mapbox在RN上构建了一个应用程序。
在配置中，我偶然发现了build.gradle。
我在googled上搜索了build.gradle，以了解这个问题是为了指定库和模块构建配置？(是这样吗？)
我正在查看安装说明，我看到了这样的情况(如果RN <0.60，我们需要更改配置)
dependencies {
implementation fileTree(dir: "libs", include: ["*.jar"])
implementation "com.android.suppor
浏览 2提问于2020-05-27得票数 0
回答已采纳
我正在尝试遵循这篇名为https://blog.mapbox.com/mapbox-gl-js-react-764da6cc074a的博客文章，使用MapBox GL构建一个create-react-app应用程序。我正在尝试呈现以下Map组件： import React from 'react';
import mapboxgl from 'mapbox-gl';
mapboxgl.accessToken = 'pk.eyJ1Ijoia3VydHBlZWsiLCJhIjoiY2p6cnVneWdvMHlzeDNqcWo0dm83ZzZ2eiJ9.y
浏览 4提问于2019-08-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
即时通信 IM活动推荐
腾讯云开发者
