![](/img/trans.png)
[英]How to style a map container with CSS using ReactJS
我的 map 是使用 MapLibre GL 實現的,但這個問題也發生在谷歌地圖 API 或 Mapbox GL 上。 我有以下 ReactJS 組件: 上面的代碼呈現 map,但我不想要固定的height和width 。 我需要根據父 DOM 元素、屏幕尺寸等應用不同的 styles。 問題是, ...
[英]How to style a map container with CSS using ReactJS
我的 map 是使用 MapLibre GL 實現的,但這個問題也發生在谷歌地圖 API 或 Mapbox GL 上。 我有以下 ReactJS 組件: 上面的代碼呈現 map,但我不想要固定的height和width 。 我需要根據父 DOM 元素、屏幕尺寸等應用不同的 styles。 問題是, ...
[英]maplibre-gl-js: Serving multpile mbtiles offline
由於 tile-server.php 和這篇文章https://blog.astrid-guenther.de/en/maplibre-vector-tiles-self-host/ ,我已經設法離線提供 mbtiles 現在我很好奇如何同時服務多個 mbtiles。 假設我有一個覆蓋新西蘭的 m ...
[英]Map{box,libre} expression syntax for dynamic property value
我一直在嘗試為我的 paint.circle-radius 屬性編寫一個計算結果為數字的表達式。 如果我設置這樣的東西,使用radius特征屬性,它工作正常:"circle-radius": { property: "radius", type: "exponential", stops ...
[英]OverlayView in MapLibre?
我正在嘗試用 MapLibre 替換 Google 地圖。 MapLibre 中的 OverlayView 的替代方案是什么? 我查看了 MapLibre 和 Mapbox 的所有示例,但我找不到任何像我目前擁有的東西 - 一個交互式(內部可點擊項目)覆蓋視圖,它可以隨 map 縮放和移動。 我 ...
[英]Update maplibre/mapbox geoJSON line, from sockets.io data
我目前正在客戶端接收來自我的 Node-Express-Socket.IO 服務器的一些坐標(緯度,經度)。 我正在使用這些坐標更新標記,我的回調 function: 到目前為止,一切都很好。 現在我想在我收到的坐標和另一個固定點之間畫一條線。 我正在添加一個數據源(具有任意初始值),然后在單獨的 ...
[英]Mapbox warning setAccessToken requires setWellKnownTileServer for MapLibre Blank Screen - React Native expo
應用程序.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; import MapboxGL from '@rnmapbox/maps'; Map ...
[英]How to make MapLibre GL interactive in Full Screen mode?
嗨)我想創建 map 選項交互:假,但在全屏此參數為真。 有任何想法嗎? ...
[英]How to show/hide labels according to zoom levels with expressions in mapbox-gl-js / maplibre-gl?
我有一個帶有圖標的點圖層,除了圖標之外,我想僅從某個縮放級別 (9) 顯示標簽。 我想避免創建一個專用的標簽層。 查看表達式文檔, Stet和Zoom應該給我想要的結果,但它不起作用。 按照這個答案,我嘗試根據縮放級別更改文本的大小,但無論縮放如何,文本都將始終具有默認大小(此處為 7)我是否遺漏 ...
[英]Expression to get value from nested objects
我正在努力在 Mapbox/Maplibre GL JS 中編寫樣式表達式以根據我的 geojson 中的值設置圓半徑。 我有很多功能,其屬性如下所示: 當用戶從表單控件中選擇一個日期時,我想將圓半徑設置為等於該特定日期的捕獲值。 我想也許我可以使用 index-of 找到具有請求日期的 objec ...
[英]React-Map-GL: How to make hovered marker appear on top?
我有一個帶有不同標記的 map,據我所知,標記是按照它們出現的順序呈現的,這意味着標記 3 在標記 1 和 2 之上。我正在使用 React Map Gl 和 mapblibre-gl 和 React(typescript ) 我對此很好,但如果我 hover 一個標記,我希望懸停標記位於頂部(當 ...
[英]Turf.js along method is giving wrong results
我嘗試使用 truf js 並繪制路線,我得到了水平線和路線。 我不知道還能做什么,因為它適用於其他類型的路線。 上面的代碼是我如何計算要在地圖上繪制的弧。 如圖所示,路線坐標有兩個檢查點/路線點。 洛杉磯(美國)和東京(日本)。 ...
[英]How to zoom in and out with buttons on MGLMapView using Swift?
我是新手,我正在嘗試制作一個簡單的 map 項目。 我想使用 map 上的按鈕放大和縮小,但它不起作用。 我已經嘗試使用 MKMapView,但無法將 MGLMapView 更改為 MKMapView。 我試圖在 MapView 中設置一個 mglMapCamera 變量並在 ContentVie ...
[英]Maplibre-gl-js 2.1.6 Missing .g files in gitHub repository
我正在嘗試從 github 存儲庫中獲取 maplibre 2.1.6 開發代碼,以便我可以在本地開發,這是我之前使用 1.14 版完成的。 我得到了 repository.zip 文件。 當我嘗試構建時,它會失敗並顯示無法找到.g 文件的消息。 這是一個示例:加載帶有警告的 rollup.conf ...
[英]How to install MapLibre-gl in React Native CLI
我正在嘗試在本機 CLI 中安裝 MapLibre-gl,但我找不到任何有用的文檔或任何分步指南,我發現的只是一些導致許多錯誤的復雜內容。 我需要一些關於如何安裝它的解釋,因為它沒有 npm。 謝謝你。 ...
[英]Dynamically caching map (raster)tiles for offline use in a web application
我正在設置一個新的 web 應用程序,其中一個要求是用戶應該能夠在離線時訪問 map 的用戶定義部分。 map(光柵)圖塊來自 WMS 服務。 我研究過的映射庫: 地圖盒 MapLibre 開放層 Leaflet 我已經使用這個 Leaflet 插件 (leaflet-offline)讓它工作。 ...
[英]maplibre-gl - clusteered source doesn't render some of the features
我有一個具有 500 多個功能的集群 geojson 源。 我為此源添加了兩層:一層用於在沒有point_count時渲染單個特征,另一層在有point_count時渲染(基於文檔中的此示例: https://maplibre.org/maplibre-gl-js-docs/example /集群/ ...
[英]How to get MapLibre Layers properties?
請幫助,我已經痛苦了 5 天。 如何獲取MapLibre map 的所有layer Ids ? 這是我用MapLibre定義 map 的方式 ...
[英]Lines abruptly disconnect at random points
在 Mapbox 中使用 Vector Tiles 渲染一些線條時,我遇到了屏幕截圖中顯示的那種偽影。 我以前從未見過或經歷過這樣的故障。 關於可能導致什么或如何減輕它的任何想法? ...
[英]maplibregl doesn't show in production
我在我的 react js 項目中添加了 maplibregl,但是https://api.maptiler.com/tiles/v3/2/0/2.pbf?key=my-key沒有加載。 ...
[英]Load local .mbtiles with maplibre-gl-js
我想用maplibre-gl-js加載一個本地 .mbtiles(帶有矢量圖塊)(如果重要的話,在cordova 應用程序中)。 據我了解,我應該使用addProtocol方法。 當我得到我的 console.log 時,這工作正常,但我不知道如何加載圖塊...... 這是我的代碼: maplib ...