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

geolocation - 我怎样才能去我在 Mapboxgl 中的当前位置?

我想导航到地图中的用户当前位置。我正在使用 Mapboxgl、Ionic3 和 Angular4。

我使用了以下代码map.addControl(new mapboxgl.GeolocateControl());

这在开发中运行良好,(ie web browser)但我的目标是移动应用程序。我的应用程序将在两者中使用android and ios mobiles

我猜它支持网络浏览器而不是手机中的点击事件。如果我为此编写触摸事件,它可能会起作用。

我更喜欢为此导航编写自定义代码。我的意思是放置一些图标并编写相同的功能而不是mapboxgl.GeolocateControl()

0 投票
1 回答
515 浏览

mapbox - 如何在 mapboxgl 集群中显示弹出窗口和标记的详细信息?

我尝试了以下链接示例

我想在集群上添加弹出窗口并将所有集群数据显示为 HTML。我可以看到弹出窗口,但在弹出内容上未定义。

0 投票
1 回答
1196 浏览

mapbox - 如何在 mapboxgl 中显示适合移动设备屏幕尺寸的弹出窗口?

我想让我的 mapboxgl 弹出窗口适合我的移动设备屏幕尺寸。

我使用了上面的代码,但是要查看弹出窗口的全部内容,我需要向右/向左移动。

我还想在标记的中心显示弹出窗口。不是它出现在左侧/右侧

0 投票
0 回答
294 浏览

typescript - Nativescript mapbox ontap 和标记图标不起作用

嗨,我对 Angular 2 的 Mapbox nativescript 插件有一点问题。显示地图工作正常。但是当我尝试加载更多标记时,自定义图标也不起作用并且点击事件也不起作用。我现在很绝望,因为我不知道该怎么办。

这就是我的组件的外观。 https://github.com/b4rtt/geoapp/blob/master/app/pages/login/login.page.ts

  • 有问题的是 loadPoints() 的一部分

完整的存储库在这里。 https://github.com/b4rtt/geoapp

如果有人能帮助我,我将不胜感激。该插件的作者不沟通...

0 投票
1 回答
1952 浏览

mapbox - 如何在 Mapboxgl 中显示特定纬度和经度的点数?

我想显示标记以及特定纬度和经度中可用的点数。

在此处输入图像描述

我期待与上面类似的东西。

但我添加了另外 2 层以在其上显示不同的颜色和数字。如果我这样做,我会在显示弹出窗口时收到“未定义”错误。由于数据来自另一层。如果它取自图层“位置”,它会按预期工作。但是当我们多次出现弹出内容时显示“未定义”。下面是我的实现输出和代码

在此处输入图像描述

我的工作小提琴

我想实现这一点,因为第一张图片或弹出窗口应该在我的方法中起作用?

0 投票
2 回答
919 浏览

java - Android MapBox 更改 MyLocation 标记的样式

我正在使用适用于 Android (v5.1) 的 MapBox API。我设法让它一切正常,并且我使用的是自定义样式(浅色样式但稍作修改)。
我已经启用MyLocation,它也工作得很好。但是在地图上显示我的位置(在 GoogleMaps 中为蓝色)的点(或标记)是浅灰色的,因此在地图上几乎看不到。 带有标记的地图截图 有什么办法可以改变它的颜色吗?我已经尝试过获取belongong 层,但在MapBox Studio 和Android 中都找不到它。我在哪里可以自定义它?

我找到了一种可能的解决方案(尽管它适用于谷歌地图),它也可以工作,但在我看来,这不是一个好的解决方案。

0 投票
1 回答
1924 浏览

javascript - 缩放/取消缩放时标记从其位置移动

mapbox-gl-js 版本:0.38.0 在 ionic 2.2.11 上通过 npm repo 使用

正如你在这个 gif 上看到的那样 https://giphy.com/gifs/ionic-angular-mapbox-3ohz6z8ejG5tf64tmo,我有 4 个标记,三个不留在他们的位置上,只有一个是好的。但是每一个都是通过相同的方式实现的:

我从文档中获取它: https ://www.mapbox.com/mapbox-gl-js/example/custom-marker-icons/

所以我不明白为什么,他们这样做。

在此先感谢您的帮助。

0 投票
1 回答
676 浏览

maps - Mapbox 和“地点”

知道 MapBox 是否有我可以访问的“地点”的概念吗?我已经搜索并找不到它,因此提出了这个问题。

基本上,我想搜索“Liberty Bell”,而不是城市、邮政编码或建筑地址,并想要一个地理结果。

谢谢,弗拉基米尔

0 投票
2 回答
1276 浏览

mapbox - 在 MapBox 中为地图区域添加填充

如何向地图区域添加填充?

正如您在屏幕截图中看到的那样,div顶部覆盖了一个黄色,并且弹出窗口出现在其下方,所以我想给地图区域 100px 的顶部填充,以便弹出窗口下降到一边。提前致谢。

在此处输入图像描述

下面的代码:

0 投票
2 回答
9197 浏览

mapbox - Mapbox GL JS 和 GeoJSON 作为外部文件

我有使用 Mapbox 地图设置标记的代码

它工作正常。但我想GeoJSON用作外部文件:

在这里我有一个问题 - 它不起作用:

TypeError: undefined is not an object (evaluate '"map.geojson".features.forEach')"。

有没有办法使用GeoJSON带有自定义 HTML 标记的外部文件?