mapbox-gl相关内容
我目前使用Reaction作为前端,使用ReactMapGL作为我的地图组件,并且我正在尝试设置样式,以便我的所有大陆都有不同的颜色。我尝试了所有提供的不同模板的样式,但我只能在http://studio.mapbox.com中更改水和陆地的颜色。是否可以进行此更改? 推荐答案 您必须在地图上叠加一个大陆图层,然后根据您自己的颜色/大陆映射逻辑对其进行有条件的样式设置。 您可以通
..
在过去的几个小时里,我一直在用头撞桌子。 我正在尝试让MapBox在加载时放大到所有标记的边界区域。 但是,这是我为下面的代码收到的错误。 此错误发生在下面的控制台日志图像之后,因此最新的LNG坐标肯定在那里。 未捕获错误:无效的LngLat对象:(NaN,NaN) const onLoad = () => { let points = [];
..
只是一个简短的问题,如果有人曾经用Maki图标替换过MapBox的默认标记。我只看到过将Maki图标用于点切片集/图层的示例,但我想将其用于非切片集要素,特别是替换地理编码后在刚刚进行地理编码的地址位置添加的标记。 或者,尝试查找与下面的Google地图符号相似的符号。欢迎提出任何建议。 var pinImage = { path: google.maps.S
..
似乎缺少MapBox数据管理工作流documentation(或我不了解它)。 我当前有一个自定义style,其中添加了一些自定义tilesets。当我的tileset的数据需要更新时,有没有一种优雅的方式可以通过API更新现有的数据,并保留特定style的任何样式? 我对该工作流程的最佳猜测是: 请求Mapbox S3凭据 将数据上传到新tileset 检索新的tilesetI
..
我想知道是否可以在 mapboxgl.Popup() 中渲染一个 react 组件.像这样: componentDidMount() {新的 mapboxgl.Popup().setLngLat(坐标).setHTML(`
${}
${moreText}
`)//.setDOMContent(`${}`) ?????.a
..
我正在使用Mapbox GL来显示地图并从其中心裁剪固定大小的图像.它对于我设计的特定分辨率(1920x1080)效果很好,但是当我开始使页面响应时,地图样式 width 和 height 发生变化时,画布大小也开始改变! 因此,当我裁剪图像时,尺寸应始终不同,因为900px画布上的300px与2000px画布上的300px不是相同的地图区域.如果我在Chrome中将设备类型从台式机更改为移
..
所以,我知道Mapbox GL Api中有 Marker.togglePopup().但是我们可以通过编程方式关闭所有弹出窗口吗? 解决方案 以下是示例: https://jsfiddle.net/kmandov/eozdazdr/ 单击右上角的按钮以打开/关闭弹出窗口. 鉴于您有一个弹出窗口和一个标记: var popup = new mapboxgl.Popup({offs
..
我正在使用自定义CSS设置显示在 mapbox 中的弹出窗口的样式.但是CSS不适用于弹出窗口. var popup = new mapbox.Popup({offset:25,closeButton:false,closeOnMove:true,className:'pop-up'}).setHTML('
'+'
'+你好'
'+''); 我的CSS代码
..
我在地图上有一些以图标显示的功能.我想确定哪些图标应该隐藏,当它们在数字字段上发生碰撞时应该显示哪些图标,我的地图上的每个要素都具有该图标(参见图片).我找到了一个名为"symbol-sort-key"的mapbox属性,但我不知道这是否正确.symbol-sort-key需要一个数字,但是我不知道这个数字应该指的是什么.任何想法如何解决这个问题?
..
我的地图在移至用户选择的目的地之前会在相同位置加载.我尝试了所有方法,发现onChange出了点问题,但我找不到答案. 我想要实现的是通过按钮触发输入,在mapbox api中搜索位置并返回坐标,并将位置移至target.value 导出默认函数Map(){const mapContainer = useRef(null);const [lng,setLng] = useState(1.4
..
我正在修改风箱脚本,以了解如何按照纬度/经度数组移动图标,但它总是说诸如此类的错误,但我是以数组的形式提供的 有人可以帮助我了解我做错了什么吗?我很尊敬这个例子 https://www.mapbox.com/mapbox-gl-js/example/animate-marker/ 错误:lng_lat.js:121未捕获的错误:必须将`LngLatLike`参数指定为LngLat实例,对象
..
尝试在完全相同的坐标上显示2个不同的标记时遇到麻烦. 情况是:我们正在显示商店,其中一些位于同一建筑物(即购物中心),因此它们是不同的商店,但具有相同的ubiubi/坐标. 我们的json源内容如下: {“特性" : {"id":"1",“名称":“商店1"},“几何学" : {“坐标":[-70.66667,-33.45],"type":"Point"}},{“特性" : {"i
..
我在IOS应用程序中获取针对地图框api请求的http代码304状态代码.但是它可以在Chrome,Safari,Firefox等浏览器中使用200条代码.也可以在Android中使用. https://api.mapbox.com/styles/v1/mapbox/streets-v9?access_token=“我的令牌" 解决方案 304状态代码保持“未修改"状态,表示设备(例如浏
..
这里添加了使用tiff创建的图块 mapboxgl.accessToken ='pk.eyJ1IjoiZ2F1cmF2Y2F0c3RlY2giLCJhIjoiY2l1cGo0MTl4MDAxajJ1bng5a2xieTY0diJ9.0fDXNulI91U85ngSc4jGCg';var map = new mapboxgl.Map({容器:“地图",样式:"mapbox://styles/ma
..
启动了一个angular-cli项目,并通过npm安装了mapbox-gl.在angular-cli.json文件中包括了mapbox-gl脚本和样式.我可以显示地图,但是不能在load事件上添加图层.地图突然变得不确定?这是模板html(app.component.html):
..
我需要在react-native中对mapbox使用正向地理编码和反向地理编码. 有什么包装或解决方案吗? 解决方案 我找到了一种解决方案: 就在这里,直接调用API: https://docs.mapbox.com/api/search/#geocoding
..
因此,我正在尝试从Mapbox GL中已加载的样式表中获取样式层,但它会不断返回未定义的元素.我无能为力. 我正在尝试将底层水层存储在layers变量中,以便更改其属性.例如,它的可见性. 代码如下: var layers=map.getLayer('water'); changeinnerHTML(featuresWindow, JSON.stringify(layers, n
..
最近,我开始摆弄MapBox,现在,我正在尝试将标记添加到地图.并不像看起来那么容易.我正在尝试添加基本的默认标记,并直接从"Mapbox GL"参考指南.不过,它不会显示. 这是我使用的代码,这简直无法实现... var marker = new mapboxgl.Marker().setLngLat([45.702117, 42.395926]).addTo(map); 有人知
..
我正在尝试创建一个自定义按钮,使其出现在弹出窗口中,该弹出窗口会生成动态链接(URL).由于时间原因,我似乎无法通过.setHTML执行此操作,无法在运行时将按钮绑定到函数.所以我想我会尝试新的.setDOMContent 关于此功能的工作原理,在线信息为零.我想知道是否有人有一个示例,其中将一个按钮添加到弹出窗口中,该按钮可以运行函数并发送数据. 这是我进行设置的非常糟糕的尝试. 此
..
当悬停在单个3D建筑物上时,如何突出显示它? OSM建筑物突出显示功能.看来Mapbox Streets V7建筑图层的要素属性太少了,它仅包含: 挤出 高度 min_height 类型 地下 没有独特的属性可以区分建筑物.有没有办法包含建筑物的地址或一些唯一的ID? 解决方案 我认为Mapbox Streets v7磁贴集中不存在唯一的每建筑物id.您可能需要构建自己的til
..