mapbox-gl-js

    2熱度

    1回答

    我正在使用mapbox示例爲了在地圖上創建多個多邊形,並且每個都有彈出事件。我的問題是我需要根據它的geojson屬性不同地設置每個多邊形的填充顏色。 This是我的例子。 我使用下面的JavaScript代碼: mapboxgl.accessToken = 'pk.eyJ1IjoibWFoYW5tZWhydmFyeiIsImEiOiJ6SDdSWldRIn0.8zUNm01094D1aoSeHp

    0熱度

    1回答

    我想要在地圖框上給出座標的樓層平面圖層。我正在使用react-map-gl。 (https://github.com/uber/react-map-gl)。我如何在地圖上繪製圖像疊加圖。你可以引用一些例子或者其他的東西。

    2熱度

    1回答

    我有一個矩形,需要用正方形填充它。 我找到了中心線,並希望沿着該線放置方塊。 但是有沒有簡單的方法來繪製mapboxgl中的任何其他庫像turfjs的方塊? 像設置廣場的中心和邊長,並獲得廣場的座標? 任何想法? 由於使用geojson放置圓圈不是問題,但對於我來說正方形看起來像是一個問題,因爲我必須計算4個座標。

    2熱度

    1回答

    我有一個大的GeoJson文件,我需要將其轉換爲可由Mapbox加載的矢量格式。我需要一個外部文件,所以我不能使用Mapbox Studio來上傳和轉換數據。 目前我發現https://github.com/mapbox/tippecanoe工具,但它將GEoJSON轉換爲MBTiles(SQLite格式)。我認爲一個不能用於我的地圖。正如我從所有的Mapbox服務示例中可以看到的 - 它使用XX

    0熱度

    1回答

    我正在關注此example以使用mapbox可視化地圖上的數據。我使用下面的代碼: <script> mapboxgl.accessToken = 'ACCESS_TOKEN; var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/light-v9', zoom: 1

    0熱度

    1回答

    目前,我手動設置停靠點,但是我的GeoJSON文件有不同的範圍,每次都必須設置停靠點值。 是否可以使用map.addLayer函數中屬性的最小值和最大值?然後將其分成一系列值? 我目前正在解析GeoJSON以獲取最小值和最大值,我不確定mapbox是否提供了此功能。 map.addLayer({ 'id': 'heatmap', 'type': 'circle', '

    0熱度

    1回答

    我試圖模擬城市交通運動(目前我只進入車輛),但我有一個問題。 發生了什麼是我試圖在地圖上模擬每個點的1輛汽車,但我不知道如何複製某個圖層(並且每個圖層都有不同的路線),例如這一個: map.addSource('point', { "type": "geojson", "data": pointOnCircle(0) }); map.addLayer({ "id

    0熱度

    1回答

    通過npm啓動了angular-cli項目並安裝了mapbox-gl。在angular-cli.json文件中包含mapbox-gl腳本和樣式。我可以讓地圖顯示,但我無法在加載事件上添加圖層。地圖突然沒有定義?這裏是HTML模板(app.component.html): <div id="map" style="margin:0; padding:0; position:absolute; top

    0熱度

    1回答

    這個問題與previous question有關。 我有我的Mapbox地圖中的按鈕列表,以及一個jQuery函數來排序其值,並相應地顯示特定的圖層。由於交互的這一部分是關於顯示柵格圖層的,因此我希望每個選擇都有一個fitBounds事件。 我在想我是否可以使用getLayer來提取邊界?由於它爲每個給定圖層提供了一系列屬性,因此我需要提取源鏈接,然後可以與getBounds一起使用。但是如何?

    0熱度

    1回答

    我正在製作一個地圖,我正在根據數據異步創建GeoJSON圖層一個JSON API。我的初始數據加載工作,看着GeoJSON對象,它似乎得到添加額外的元素。 但是,如果我再嘗試撥打map.getSource(...)。使用setData(...)具有相同源(指向更新以GeoJSON對象中的數據元素),我得到 錯誤:類型錯誤:無法讀取性能在Actor.receive(actor.js:77)的不確定