mapbox學習記錄

2021-10-23 19:19:49 字數 2217 閱讀 2959

為地圖的樣式新增資料來源。id(string)新增資料來源的id。不能和存在的資料來源衝突。source(object)資料來源物件。其中type可以是vector,raster,geojson,image,video等

map.addsource("points", ,

"properties":

}, ,

"properties":

}]}});

source配置參考:

新增乙個 mapbox 樣式的圖層 到地圖樣式。圖層為來自特定資料來源的資料定義樣式。

id: 唯一標識

type可選:fill,line,symbol,circle等

source: 對應addsource

參考:

"layers": [}]

// 新增圖層,使得上面的資料來源裡面的資料視覺化(source對應上面addsource的points)

map.addlayer(-15",

"text-field": "",

"text-font": ["open sans regular"],

"text-offset": [0, 0.6],

"text-anchor": "top"

}});

參考:

(新增wms圖層)

(新增聚合圖層)

(聚合點中paint配置)

設定指定樣式圖層中 paint 屬性的值。setpaintproperty(layerid,name,value)

layerid(string)需要設定 paint 渲染屬性的圖層 id。

name(string)需要設定的 paint 渲染屬性名稱。

value(any)要設定的 paint 渲染屬性值。

參考:設定指定樣式圖層中布局屬性的值。map.setlayoutproperty(『my-layer』, 『visibility』, 『none』);

layerid(string)需要在其中設定布局(layout)屬性的圖層 id。

name(string)需要設定的布局屬性名稱。

value(any)布局屬性的值。必須是一種符合 mapbox style specification 規定的屬性型別。

options(object?)(default {})

map.on('load', function() }]

}});

map.addlayer(

});}

);});

參考:

返回地圖樣式中指定 id 的圖層。

返回地圖樣式中指定 id 的圖層。

彈窗元件

example

var markerheight = 50, markerradius = 10, linearoffset = 25;

var popupoffsets = ;

var popup = new mapboxgl.popup()

.setlnglat(e.lnglat)

.sethtml("")

.setmaxwidth("300px")

.addto(map);

具體參考:

返回乙個geojson feature objects陣列,這些物件表示滿足查詢引數的可見要素。

// 查詢乙個點的所有要素

var features = map.queryrenderedfeatures(

[20, 35],

);

// 查詢單個圖層的所有渲染的要素

var features = map.queryrenderedfeatures();

參考:

返回地圖樣式中指定id的資料來源。

layerid(string)需要應用篩選器的圖層 id。

filter((array | null | undefined))篩選器,需符合 mapbox 樣式規範的 篩選器定義 。如果提供了 null 或 undefined ,函式會從圖層中移除所有存在的篩選器

參考:

mapbox學習筆記

一種用於編碼各種地理資料結構的格式 屬性 包括在彈窗裡的title name和description等 properties geojson支援以下幾何型別 point,linestring,polygon,multipoint,multilinestring,和multipolygon mapbo...

mapbox整合步驟

前提 首先註冊或登陸賬號,獲取access token 1.新增依賴 build.gradle moudle層 新增 compile com.mapbox.mapboxsdk mapbox android sdk aar 問題 依賴同步後,出現 error failed to resolve com...

mapbox 本地環境搭建

mapbox gl 本地化就是對style中的sprite和glyphs屬性進行本地化,不需要access token。style glyphs 本地化比較繁瑣,要將自己使用的字型進行切分,其中使用到node fontnik模組。node fontnik模組需要在linux下執行 所以需要在虛擬機器...