mapbox-gl 相关问题

使用OpenGL在本机平台中实现的客户端映射。

我使用以下方法将弹出窗口添加到mapbox地图中： var popup = new mapboxgl.Popup({closeOnClick: true, offset: [20, 0]}) 但是，如何使用事件侦听器删除所有弹出窗口？我试过这个...

javascript mapbox mapbox-gl-js mapbox-gl

回答 1 投票 0

如何使用Mapbox的光栅颜色对特定颜色通道中具有特定值的像素重新着色？

我正在使用 Mapbox 向地图添加红色矩形。我想修改我的矩形的颜色。我使用光栅颜色 Paint 属性来实现此目的。 Mapbox 提供了添加栅格的示例

javascript html gis mapbox mapbox-gl

回答 1 投票 0

尝试连接 Mapbox 时出现 React Native 错误

我按照 Mapbox React Native github 存储库上的入门指南中的每一步进行操作，但我仍然收到此错误：错误错误：@rnmapbox/maps 本机代码不可用。确保您已链接

react-native mapbox mapbox-gl-js mapbox-gl

回答 1 投票 0

MapBox：未捕获的引用错误：mapboxgl 未定义

我在我的一个网络应用程序中使用MapBox，我的目标是在页面上渲染基本地图。我有以下脚本： mapboxgl.accessToken = mapToken; const map = 新mapbo...</desc> <question vote="4"> <p>我在我的一个网络应用程序中使用 MapBox，我的目标是在页面上渲染基本地图。</p> <p>我有以下脚本：</p> <pre><code><script> mapboxgl.accessToken = mapToken; const map = new mapboxgl.Map({ container: 'map', // container ID style: 'mapbox://styles/mapbox/streets-v11', // style URL center: [-74.5, 40], // starting position [lng, lat] zoom: 9 // starting zoom }); </script> </code></pre> <p>为了显示地图，我使用：</p> <pre><code><div id='map' style='width: 400px; height: 300px;'></div> </code></pre> <p>问题是，当我尝试加载页面时，没有任何反应，并且出现以下错误： <em><strong>未捕获的引用错误：mapboxgl 未定义</strong></em></p> </question> <answer tick="true" vote="4"> <p>我通过添加以下内容解决了问题：</p> <pre><code><script src='https://api.mapbox.com/mapbox-gl-js/v2.6.0/mapbox-gl.js'></script> <link href='https://api.mapbox.com/mapbox-gl-js/v2.6.0/mapbox-gl.css' rel='stylesheet' /> </code></pre> <p>在 HTML 文件的头部。</p> </answer> <answer tick="false" vote="0"> <p>2022 更新</p> <p>这对我有用</p> <pre><code><script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.js'></script> <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.css' rel='stylesheet' /> </code></pre> </answer> <answer tick="false" vote="0"> <p>如果您使用 <pre><code>block</code></pre> 库进行模板化，请将其添加到您的 pug 文件的 <pre><code>head</code></pre> <pre><code>pug</code></pre> 中。</p> <pre><code>script(src='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js') link(href='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.css' rel='stylesheet') </code></pre> </answer> <answer tick="false" vote="0"> <p>2024年更新</p> <p>v2.9.1 具有更高的安全性，需要准确的标头配置才能工作。在我的 Node js 和 Express 应用程序中，使用头盔设置 http 标头，这是对我有用的配置。</p> <pre><code>const helmet = require('helmet'); // ... app.use( helmet({ contentSecurityPolicy: { directives: { // ... other directives "script-src": [ "'self'", // allow scripts from your own domain "'unsafe-inline'", // allow inline scripts (you may want to remove this depending on your needs) "https://api.mapbox.com", // allow scripts from the Mapbox CDN ], "worker-src": [ "'self'", // allow web workers from your own domain "http://localhost:3000", // allow web workers from the current host (development environment) "https://api.mapbox.com", // allow web workers from the Mapbox CDN "blob:" // allow web workers from blob URLs ], "connect-src": [ "'self'", // allow connections to your own domain "https://api.mapbox.com", // allow connections to the Mapbox API "https://events.mapbox.com" // allow connections to Mapbox events ], }, }, }) ); // ... </code></pre> <p>请参考旧版本v0.54.0，使其运行无错误且无头文件配置。</p> </answer> </body></html>

javascript node.js mapbox mapbox-gl-js mapbox-gl

回答 0 投票 0

如何禁用mapbox中的事件监听器？

我正在尝试使用 React 上的 Mapbox 来控制图层上的事件侦听器。 map.off 应该可以做到这一点，但它并没有删除图层中的 onclick 事件。 https://docs.mapbox.com/

javascript event-handling layer mapbox-gl

回答 8 投票 0

如何解决错误：“mapboxgl：更新图层时已经存在具有此 ID 的源”？

我正在使用 Mapbox-gl 在我的代码中显示地图更新地图线并重新设置它们时，我收到此错误： mapboxgl：已经有一个具有此 ID 的源在设置图层之前...

angular mapbox-gl-js mapbox-gl

回答 1 投票 0

mapbox_gl白屏

我需要使用map-box，我确信所有配置都很好。但是当我运行应用程序时，地图的输出如下所示：地图小部件是：地图框地图( 访问令牌：MAP_BOX_ACCESS...