mapbox-gl-js 相关问题

类型“ in”不可分配给Mapbox项目中的类型'ExpressionName'TS错误

在TypeScript项目中，我试图使用Mapbox的查找表达式，并试图初始化一个私有变量。但是，无法将类型为“ in”的TS错误分配给类型“ ExpressionName”。 ...

Mapbox Android SDK-给定坐标处的querySourceFeatures

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

[添加geojson文件并使用mapbox在地图中创建多边形

我与html文件在同一存储库中有一个example.geojson文件，其格式如下：{“ type”：“ FeatureCollection”，“ features”：[{“ type”：“ Feature”，“ geometry”：{ ...

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

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

如何显示希伯来语映射框？

如何显示希伯来语映射框？ （https://www.mapbox.com/）我正在使用mapbox-gl-js。

沿着路线生成纬度，经度和方位，以使用Mapbox GL JS API进行骑乘模拟

我想测试基于Mapbox GL JS的导航应用程序。无论如何，是否有使用Mapbox GL JS沿路线生成GPS和方向数据列表的方法？因此，请求路由...

使用Mapbox或Google Maps API的乘车模拟

我想测试基于Mapbox GL JS的导航应用程序。无论如何，是否有使用Mapbox或任何其他服务（如Google Maps）生成沿路线的GPS和方向数据列表的列表？

如何在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' ...

您如何使用Mapbox GL JS和对象制作一个Choropleth贴图？

我正在努力寻找正确的信息，以便使用mapbox创建一个Choropleth地图。他们的例子很模糊。我目前有一个geojson，显示所有英国县的多边形。 ...

从MapBox GL徽标中删除不必要的阴影

[当前的MapBox归因徽标显然是制作出来的，因此可以在浅色和深色背景上显示：但是，这种通用显示的代价是看起来不专业...

Mouseevent处理程序在vue-mapbox程序包中不起作用

当用户单击群集时，我试图使我的地图放大到群集。该地图是使用mapbox gl和Vue-Mapbox构建的。我知道我可以使用getClusterExpansionZoom（）方法来这样做，...

React Map GL Draw打字稿错误“期望声明或声明”

我正在尝试将编辑器添加到我的地图中，但是当我导入“ react-map-gl-draw”时，出现以下错误，并且找不到任何内容。删除编辑器后，错误消失了，我可以...

[使用mysql和ajax更新Mapbox js上的制造商位置

经过数小时的搜索，我终于从MySQL的地图上得到了标记。困扰的最后一部分是一旦MySQL中的数据更改后如何移动制造商。目前我有。函数...

querySourceFeatures和setData的用法

[我正在使用mapbox gl js开发地图，我的问题如下：我有1个源，并且在这个源上应用了1个setData，并带有geojson的点集->很好，我想为...更新一个位置...

如何防止甲板gl图层占据整个视口？

我有一个DeckGL组件，正在将它封装在div标签中并赋予其大小，但是deckGL层似乎占据了整个视口。这是我的代码的一部分。 const INITIAL_VIEW_STATE = {...

使用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。

第一次点击时突出显示功能，然后在第二次点击时“取消突出显示”

使用样式化的Mapbox GL JS地图，并从我的geojson文件中使用多字符串行，当用户单击我需要突出显示的行之一时，这部分我正在使用：map.on（'click'，'route'， ...

minzoom似乎不适用于mapbox中的自定义图层

我使用了添加3D模型中的mapbox示例，但是当我添加minzoom：17属性时，缩小比例较低时不会隐藏图层定义，但它可以与其他填充或填充一起很好地工作...

Mapbox gl栅格图层上的幻影图块

我在Google地图上放置了一些光栅化纸质地图。 http://map.tracks4africa.de/?map=nam可以正常工作。现在，我尝试在mapbox gl地图上执行相同的操作。第一步，看起来不错。但是当我放大...