问题标签 [mapbox-marker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1645 浏览

android - 如何通过geoJson在android中的MapBox上放置多个标记?

我试图在地图上放置大约 40 个标记,这些标记散布在大片区域。我找到了这样做的代码,但它聚集了附近的标记,但我希望它显示所有标记,无论缩放级别如何。

这些是我尝试过的代码。

  1. Mapbox github :- 它工作正常,但它使附近的标记集群。

  2. 此代码对我不起作用,因为 android 无法解析方法featureCollection.getFeatures()、、、和f.getGeometry()mapView.addMarkercoordinates.getLatitude()coordinates.getLongitude()

    /li>

PS如果我可以在没有任何库的情况下做到这一点,那就太好了。

0 投票
2 回答
1263 浏览

mapbox - 在地图上添加 GeoJSON 作为标记

我的目标很简单,但我很难实现它。我尝试了不同的方法,许多示例和 tuts,但每次都失败了。

我需要什么:我通过 GeoJSON 文件提供的带有标记的简单地图。

我一直在尝试:

  • 将 GeoJSON 作为 Tileset 导入 Mapbox(不能设置自定义图标,因此只有点看起来很难看)

  • 加载 GeoJSON 本地和每个显示为标记(不起作用)

所以也许有人可以向我解释实现这一点的最佳实践是什么。谢谢

0 投票
3 回答
1150 浏览

ios - 在 Mapbox iOS SDK 的标记下移动地图

我是 MapBox iOS SDK 的新手,我需要在 MGLMapView 的中心添加一个标记,以便用户能够在标记下移动地图视图,并且标记将固定在屏幕上。我还需要获取地图中标记下方的点的坐标。我在 Mapbox SDK 中找不到任何方法,也不知道该怎么做。

0 投票
1 回答
822 浏览

react-native - 如何在本机反应中使用 mapbox 标记集群?

我正在使用 react-native-mapbox-gl。我有一组位置,我正在循环遍历以在地图上绘制标记。但是有些位置彼此非常接近,几乎看不到。我想对彼此靠近的所有位置进行聚类,这样当我单击它时,它会展开并向我显示该聚类中的所有位置。

mapbox 中有<MapboxGL.ShapeSource />可用的,但它要求从其中加载 lat long 的 url。但我有一个数组,每个位置都有 lat long。有没有其他方法可以在 mapbox 中创建一组位置。

渲染位置函数循环遍历位置数组并在地图上显示标记

0 投票
1 回答
913 浏览

vue.js - Mapbox上的Vue设置数据点击

我正在使用 Mapbox 在地图点击上放置一个标记。我成功获得了坐标,但是我无法将它们绑定到我的数据...

0 投票
1 回答
478 浏览

javascript - Mabox-gl-js 标记翻译位置

我正在尝试使用https://www.mapbox.com/mapbox-gl-js/api/#marker

连接到地图:

问题是标记位置正在被巨大的价值“翻译”:transform: translate(-50%, -50%) translate(225173px, 75290px);

通过调试这个计算,我发现问题出现在这一行:https ://github.com/mapbox/mapbox-gl-js/blob/e0c4d4679d06be7c0f51970b26a184f8d9ed6d5b/src/ui/marker.js#L338

所以我更进一步:

返回{x: 225173.2033574923, y: 75289.74831606582}

通过删除函数_add调用并输出的值,this.map.project(marker.getLngLat())我得到了相同的值。

所以,这实际上发生在这里:https ://github.com/mapbox/mapbox-gl-js/blob/e0c4d4679d06be7c0f51970b26a184f8d9ed6d5b/src/ui/map.js#L616

这导致我https://github.com/mapbox/mapbox-gl-js/blob/7b4be8d247c7351df83316eed0f8d20d3a184722/src/geo/transform.js#L314

哦,我的,我现在迷路了

这里可能是什么问题?是 Mapbox-gl-js、我的地图设置还是事件 html 结构?

请帮忙。:)

0 投票
1 回答
1851 浏览

android - Android Mapbox 标记标签

我试图弄清楚如何使动态生成的标记列表在地图上显示动态文本标签(而不是在 infoWindow 中)。我知道这是可能的,因为我在 Mapbox Studio 中使用过这个功能——我只是不知道如何在 Android 上做到这一点!我考虑过创建一个包含文本的静态位图图标,但与 Mapbox Studio 版本相比,这似乎不太灵活,所以如果可以的话,我想避免它!有什么建议么?

0 投票
1 回答
2166 浏览

jquery - 如何使 Mapbox GL JS 弹出窗口作为侧面板打开

我试图让 Mapbox GL JS 弹出窗口作为侧面板打开,而不是在相对于标记的位置打开。

我做了一些事情:

如果您单击红色标记,您会看到弹出窗口正在标记上打开。

如何编辑我的 js 代码以使其作为侧面板打开(例如当我们单击谷歌地图上的标记时)

这是我开发的 UI,我想触发而不是弹出窗口。codepen.io/louischausse/pen/oVwgYN

0 投票
1 回答
230 浏览

mapbox-android - 如何将标签(例如:1,2,3 ..)添加到android地图框中的标记图标

如何在 android studio 中将标签添加到 mapbox 标记图标(不是 infoWindow)中。这是标记的示例

0 投票
1 回答
511 浏览

javascript - Mapbox GL JS - “平面”标记

对于我目前正在进行的一个项目,我想使用 mapbox-gl-js 在树莓派上实现车载导航(使用离线地图数据和 OSRM 进行路由)。我想使用箭头标记显示路线上的当前位置 - 就像在 Google 地图中一样(我知道,这可以使用 Mapbox 标记轻松完成,但是......)。

是否可以以任何方式添加一个始终与地图位于同一平面上的“平面”标记,即使视图倾斜/倾斜(即标记图像在倾斜时变成挤压和椭圆形,从上方看时变成圆形) )? GMaps 中的这种行为可以在这里看到:地图标记- 白色圆圈是椭圆形的,与从上方查看时相比,箭头更短。

在 SO 和互联网上搜索并没有提供任何有意义的答案(可能除了this,但该示例的链接已失效)。我知道这很可能可以使用自定义 GL 层来实现,但这对于手头的问题来说似乎相当复杂......

我还注意到显示“图像”类型的 GEOJson 源具有这样的效果,因此作为最后的手段,我可​​能可以从当前位置计算所需的四个边缘坐标。虽然我很乐意使用更简单的方法。