mapbox-gl開發(fā)教程(七):自搭建后臺(tái)服務(wù)
mapbox-gl開發(fā)過程中,設(shè)置token調(diào)用官網(wǎng)服務(wù),在不使用官方提供的底圖情況下,調(diào)用了官方的兩個(gè)服務(wù),一個(gè)是精靈圖服務(wù),在POI上需要圖標(biāo)的時(shí)候使用,另一個(gè)是字體服務(wù),在需要地圖上顯示文字使用,這兩個(gè)服務(wù)的地址,在樣式(style)配置的文件中,能看到對應(yīng)的設(shè)置,sprite是配置精靈圖地址,glyphs是配置字體服務(wù)地址,所以,搭建mapbox-gl的后臺(tái)服務(wù)時(shí),需要將這兩個(gè)服務(wù)進(jìn)行發(fā)布。
精靈圖的詳細(xì)信息,參見https://mp.weixin.qq.com/s?__biz=MzU2ODYzNzc4OQ==&mid=2247485280&idx=1&sn=7b4166948daf1e895c0fb6166bfa9739&chksm=fc8ba752cbfc2e44ee4fd11494ee54fc098f407bd38a0857ff563a751802f9633f8d94d732de&scene=21#wechat_redirect
精靈圖的制作,參見https://mp.weixin.qq.com/s?__biz=MzU2ODYzNzc4OQ==&mid=2247485625&idx=1&sn=d1080b44c650bcb5b46b9cab3874ccf4&chksm=fc8ba88bcbfc219d05ae5a217700f006a338ac7a5bfd20fb4cfb242b7664bb9ccd70556f5729&scene=21#wechat_redirect
glyphs的官網(wǎng)說明:https://docs.mapbox.com/mapbox-gl-js/style-spec/glyphs/
mapbox-gl將字體文件也制作成了pbf切片文件,在訪問的時(shí)候,圖中大括號(hào)的位置,需要根據(jù)實(shí)際字體和切片索引進(jìn)行替換,這種類型的文件,按照矢量切片的方式進(jìn)行發(fā)布即可,前端配置好對應(yīng)的地址。
提供一個(gè)開源的字體制作類庫:
https://github.com/openmaptiles/genfontgl
上述兩個(gè)地址配置完成后,在2.0版本之前,不需要token就能完全實(shí)現(xiàn)自己的地圖服務(wù)體系。
mapbox-gl開發(fā)是講述如何從基礎(chǔ)到實(shí)際應(yīng)用進(jìn)行地圖開發(fā)的教程,不定時(shí)進(jìn)行持續(xù)進(jìn)行更新,如有疑問,公眾號(hào)留言進(jìn)行討論。
mapbox-gl官網(wǎng)地址:https://docs.mapbox.com/mapbox-gl-js/guides/