mapbox-gl 相关问题

Mapbox GL弹出式文本无法选择。

我的弹出窗口中的文字是不可选择的。我可以通过点击等方式关闭弹出窗口，但是当把指针悬停在文本上时，指针仍然是手部图标，从来没有变成工字形 ......

如何在MAPBOX中调整窗口大小时同时拟合边界和设置最大边界？

为了适应地图，我们使用mapbox.fitBounds()，设置时我们使用mapbox.setMaxBounds()，这样可以避免平移。这在第一次加载时工作得很好。但在窗口调整地图大小时，地图被裁剪，并采取了......。

应用于mapbox弹出窗口的CSS无法加载

我正在使用自定义的CSS对出现在地图框中的弹出窗口进行样式设计，但是CSS并没有应用到弹出窗口中。但是这个CSS没有应用到弹出窗口中。

用mapbox插件在flutter地图上添加自定义标记。

为了给我的应用提供一个更好的用户界面，我需要显示一个带有用户名称的小卡片和一个带有用户图片或头像的小圆圈。有什么方法可以用flutter-mapbox-gl插件来实现吗？

Mapbox gl除了'火箭'之外，无法让任何图标与'light-v10'一起工作。

我在一个angular项目中使用mapbox-gl sdk，无论我做什么尝试，我在github'sprite'文件夹中找到的所有可能的主题的图标，除了'... ...

使用Mapbox使用react-mapbox-gl渲染矢量平铺

我有一个geoJSON文件，我使用此npm包将其转换为vector.tiles。我使用const tileIndex = geojsonvt（geoJSON）。 geoJSON文件具有以下格式，并且无需任何转换即可进行转换...

为什么添加3000个或更多标记时mapbox地图这么慢？

当我在Mapbox地图中添加3000个或更多标记时，有时它会停止工作，或者有时会非常缓慢。解决方案是什么？

Mapbox GL图层垂直偏移

我有一个3D地图，其中有建筑物的延伸，需要在屋顶上放置一些图像。但是我找不到如何设置图层或对象的垂直偏移量。它仅位于地面上。

Mapbox Android SDK-给定坐标处的querySourceFeatures

我使用Mapbox Tileset API，并生成了一个自定义图块集（这是一个400MB的巨大的GeoJSON数据），该图集已上传到Mapbox服务器，并作为自定义填充层添加到我们的工作室样式中。这样我就可以...

Mapbox标记样式/ CSS在angular 8应用程序中不起作用

我看过这里的其他几篇文章，但没有一篇能够帮助我解决问题。我使用以下代码在地图上添加了标记：var el = document.createElement（'div'）; ...

在Mapbox gl js中查找用户的方向/方位及其变化

我正在尝试在mapbox gl js中找到用户的方位，并检测其中的任何变化。换句话说，用户在mapbox gl js中所面对的方向，以及他是否确定了自己的方向。但是...

如何将Mapbox商店定位器列表更改为下拉菜单并触发href链接

需要一些有关Mapbox原始示例JS代码的建议或帮助，如何从这种安全的代码下拉列表而不是列表中获得好处？这个想法是：将Mapbox商店定位器列表更改为下拉列表。任何...

如何在npm中使用mapbox-gl-csp.js文件？

我正在尝试使用mapbox csp功能。该文档显示有一个用于CSP分发的CDN捆绑包。我想知道如何在npm中使用CSP发行版。从node_module，它...

如何从geojson获取mapbox GL的'line-dasharray'值

我正在尝试通过['get'，'line-dasharray']获取值，但出现错误，这是我的代码var data = {''type'：'FeatureCollection'，'features'：[{'type' ...

有一种方法可以在react-map-gl中增加建筑物和房屋的大小，如下图所示

我需要在地图上显示属性的大小。

“过滤功能”位于Mapbox视口之外

我有一个巨大的geojson文件，具有大约10万个要素，我想在视口外过滤要素。我尝试了以下多种方法：https://github.com/mapbox/mapbox-gl-js/issues/8350 ...

使用Mapbox GL JS弹出窗口中的链接会引发错误：不变失败：您不应该在 ]之外使用 [我正在使用带有标记的Mapbox GL JS映射在React（16）SPA上工作，我试图在每个标记弹出窗口中呈现Link，这将引发以下情况：Error: Invariant failed: You should not use <Link> outside a <Router> [这让我感到困惑，因为Map组件是App组件的子组件，该组件被BrowserRouter中的react-router-dom包裹。 Map组件： import React, { Component } from 'react'; import { initalizeMap, getCenter, getZoom, addGeolocateButton, addMarkers, getMarkers } from '../helpers/mapbox'; export default class EventsMap extends Component { state = { lng: 2.1700556, lat: 41.3869959, zoom: 11 }; onMapMove = () => this.setState({ lng: getCenter('lng', this.map), lat: getCenter('lat', this.map), zoom: getZoom(this.map), }); renderMap = () => { const { lng, lat, zoom } = this.state; this.map = initalizeMap(lng, lat, zoom, this.mapContainer); this.map.on('move', () => this.onMapMove()); addGeolocateButton(this.map); const markers = getMarkers(this.props.events); addMarkers(markers, this.map); } componentDidMount = () => this.renderMap(); render() { return ( <div className='events-map'> <div ref={(el) => this.mapContainer = el} className='mapContainer' /> </div> ); } } [mapbox.js帮助程序导入和addMarkers声明： import React from 'react'; import ReactDOM from 'react-dom'; import { Link } from 'react-router-dom'; import mapboxgl from 'mapbox-gl'; export const addMarkers = (markers, map) => { markers.features.forEach((marker) => { const el = document.createElement('div'); el.className = 'marker'; const { _id, name, place } = marker.properties; const markerDiv = document.createElement('div'); const markerContents = <div><Link to={`/events/${_id}`}><h3>{name}</h3></Link><p>{place}</p></div>; ReactDOM.render(markerContents, markerDiv); new mapboxgl.Marker(el) .setLngLat(marker.geometry.coordinates) .setPopup(new mapboxgl.Popup({ offset: 25 }) .setDOMContent(markerDiv)) .addTo(map); }) }; 使用外部网址的锚点没有问题，例如：const markerContents = <div><a href={https://google.com }><h3>{name}</h3></a><p>{place}</p></div>; 但是我需要对内部链接使用Link以避免重定向，重新加载等。Link为什么不选择Router上下文？ 我正在使用带有标记的Mapbox GL JS映射在React（16）SPA上工作，并且我试图在每个标记弹出窗口中呈现一个链接，这将引发以下错误：错误：不变失败：您不应该使用 我无法从<Link>获得react-router-dom正常工作，而只是用Map HoC包装了父withRouter组件的导出，将this.props.history传递到addMarkers，并附加了一个事件侦听器到弹出内容并推送到历史记录对象onClick以便重定向： export const addMarkers = (markers, map, history) => { markers.features.forEach((marker) => { const onClick = (e) => { const { _id } = marker.properties; history.push(`/events/${_id}`); } const el = document.createElement('div'); el.className = 'marker'; const { name, place, rank } = marker.properties; el.style.backgroundImage = `url(/markers/${rank + 1}.svg)`; const popupContainer = document.createElement('div'); const popupContents = <div><button onClick={onClick}><h3>{name}</h3></button><p>{place}</p></div>; 与我之前在上面编写的代码相比，代码有所改进，但是当带有历史记录对象的简单事件侦听器可以使用时，关键是不需要使用Link。

在地图框gl方向中获取地址的起点和终点

我正在使用mapbox中的mapbox gl方向，该方向在mapbox文档的示例中使用。但是，我无法获得用户输入的address的值。我需要选择的地址...

无法设置vuemapbox贴图的初始范围

我正在vuejs应用程序中使用mapbox-gl和vue-mapbox [https://soal.github.io/vue-mapbox/api/#props]来显示地图。我想用包含大陆...

TypeError：无法读取.addTo（this.map）中未定义的属性'map'

我正在我的角度应用程序中使用mapbox。我正在尝试在地图上放置标记。我遵循了mapbox示例，并将其更改为angular geojson.features.forEach（function（marker）{// / ...