问题标签 [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 回答
79 浏览

mapbox - 标记的描述没有显示在 Mapbox-js 中

我有一个数据集,从原始 GEOJson 文件在 mapbox 中创建,然后关联到一个图块集(在 MapBox Studio 中也是如此)。它被解析得很好,我可以在 Studio>Dataset 中检查它,所有属性都被解析了。

然后将此图块集用作样式上的图层;显示点,但使用 MapBox-gl-js 时不显示点的描述。

单击航点时,我必须做什么才能显示这些描述?

注意:创建地图时手动添加它们不是我的首选解决方案。这可以从保存在 mapbox 服务器上的原始数据集透明地完成吗?

0 投票
1 回答
359 浏览

mapbox - 如何在地图上动态显示标注?

我正在关注这个例子: https ://docs.mapbox.com/android/maps/examples/symbol-layer-info-window/

也在这里:

https://github.com/mapbox/mapbox-android-demo/blob/master/MapboxAndroidDemo/src/main/java/com/mapbox/mapboxandroiddemo/examples/dds/InfoWindowSymbolLayerActivity.java

它正在从文件中加载一些带有描述的点。

在第 271 行:String geoJson = loadGeoJsonFromAsset(activity, "us_west_coast.geojson");

我需要的是动态地做同样的事情。我已经将信息作为地图中的特征。我可以从那里得到标题和描述。我需要的是在触发此事件时使用 GenerateViewIconTask 和 setUpInfoWindowLayer:onMapClick。

所以基本上用户点击地图,我得到坐标并在地图的特征中搜索,得到纬度/经度、标题和描述,并在地图上显示标注。

我可以处理点击、获取地图的特征、提取标题和描述。我需要做什么才能在此位置上显示带有标题和描述的漂亮标注。

0 投票
1 回答
184 浏览

javascript - How to find the width of a text-field in symbol type in mapbox

I am trying to get the width of a text-field in coordinates, i.e. starting coordinates and ending coordinates of the text-field on the map. My code is as below:

From the above, I would like to get the exact start and end coordinates of the text-field only. Could somebody say whether this is possible?

0 投票
1 回答
1015 浏览

android - Mapbox android SDK的BubbleLayout(不推荐使用)的替代品是什么,用于标记选择的信息窗口?

我想在选中时在标记上弹出信息窗口,以在 android 的 Mapbox 地图上显示有关标记位置的信息,如下所示: 例子

我尝试了这个代码链接,但这里的气泡布局被贬低了,因此我收到了错误消息。

0 投票
2 回答
766 浏览

mapbox - 添加 url 重定向到 mapbox 图标

我试图允许点击一个地图框标记,当点击它时,它会自动将您带到一个新链接。

这可能吗?

我目前有 10 个位置的地图,加载时缩放级别显示所有位置。当您单击某个位置时,它会将您放大到该位置。

我现在希望它在点击时将您带到一个 url,而不是放大,但是我似乎找不到任何有关如何执行此操作的文档。

我知道可以使用其中包含 url 的弹出框来完成,但是有没有办法删除额外的步骤。

谢谢

0 投票
1 回答
3287 浏览

javascript - 使用 `icon-allow-overlap` 时 Mapbox 标记闪烁

我有一张使用 mapboxgl-js 根据某些标准隐藏或显示地图标记的地图。

隐藏标记按预期工作,但是当我希望标记再次显示时,它们会闪烁几毫秒然后再次消失,而地图会在它们再次出现之前隐藏底层上的标签(街道名称等)。

观看此视频:https ://streamable.com/debcp

请参阅此代码笔: https ://codepen.io/jakobfuchs/details/VRRgJO

我得出的结论是,这是由'icon-allow-overlap': true标记符号图层上的设置引起的。

有什么建议可以保持该设置并避免闪烁吗?

奇怪的是,这不是 100% 的时间发生,而是大约 95% 的时间发生。

代码示例:

标记层:

过滤器代码:

0 投票
1 回答
617 浏览

angular - 在 Mapbox 中添加新标记之前删除以前的标记

当地图通过 GeoJson 数据加载时,我有以下代码在该位置显示标记。它工作得很好,问题是我想在添加新标记时删除以前的地图标记。我应该在哪里进行更改以完美工作。

这是完整的功能

当前流量:

页面加载->地图加载->标记出现->应用过滤器->添加新标记->以前的标记仍然存在

所需流量:

页面加载->地图加载->标记出现->应用过滤器->添加新标记->以前的标记消失

0 投票
1 回答
113 浏览

mapbox - 地图框标记/点的交互性取决于所选的渲染方法

AFAIK,在 mapbox 地图(Mapbox GL JS)上绘制标记时,您有两个选择:

(a)将它们绘制为点和图层样式(在这种情况下,它们被渲染到最终<canvas>元素中,它们不可检查,它们无法接收 :hover 状态

(b)将它们添加为标记,然后保持单独可检查的 HTML 元素。这种方法的缺点是它们的缩放/缩放不像地图那样平滑和快速,因此一点惯性是显而易见的。

两种方法都支持交互(如果您interactive: true(a)选项中提供),尽管您以不同的方式处理它。

在构建交互式地图时,我应该考虑这些方法中的任何其他限制吗?

0 投票
1 回答
692 浏览

mapbox - 有没有办法在 Mapbox GL js 中为绘制点绘制不同的图标?

在 Mapbox GL js 中,有没有办法在同一张地图中绘制不同的 draw_point 图标。我要添加绘图工具,并且有不同的图标。选择一个图标后,用户可以绘制地图。例如:用户可以选择树形图标并将该图标放置在地图上。然后用户可以选择房子图标并将房子放在地图上。

0 投票
2 回答
632 浏览

android - 当用户点击地图时,如何更改 MapBox 符号的位置?

我有一张带有符号的地图,我使用以下代码介绍:

所以目前我的地图上有一个符号。我希望这样当用户长按地图或点击时,符号会改变它的位置,而不是创建一个新的。我怎样才能做到这一点?