亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

使用 Leafletjs 和 OSM 取得本地和英語(yǔ)的重複地圖
P粉878542459
P粉878542459 2024-03-28 09:40:20
0
1
839

我使用 leafletjs 和 Openstreetmap 在 vuejs 中創(chuàng)建了一個(gè)地圖(使用官方網(wǎng)站:https://leafletjs.com/),

more code here......
<l-tile-layer
        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        attribution='&copy; <a target="_blank" 
        href="http://osm.org/copyright">OpenStreetMap</a>'
></l-tile-layer>

但現(xiàn)在我想在我的地圖上同時(shí)顯示本地原始語(yǔ)言和英語(yǔ),就像我們?cè)冢ㄒ?jiàn)下圖)中顯示的那樣

https://liveuamap.com/

我用谷歌搜尋並檢查了很多教程,但找不到我想要的東西。 我如何使用 vuejs 為我的地圖實(shí)現(xiàn)這一點(diǎn)。 其次,我還需要關(guān)閉英語(yǔ),因此如果使用者只想查看本地語(yǔ)言或想查看英語(yǔ),則可以選擇執(zhí)行此操作。 任何幫助都感激不盡。先致謝!

P粉878542459
P粉878542459

全部回覆(1)
P粉014293738

您需要變更為提供不同語(yǔ)言選項(xiàng)的向量切片提供者(例如 MapTiler),或者如果您想使用 Leaflet 和柵格切片 - 使用提供英文標(biāo)籤的切片提供者。例如。 MapTiles API 提供具有全球柵格圖塊的本地或英文標(biāo)籤(但不是兩者組合)。

例如這個(gè)(您需要 API 金鑰)將顯示英文標(biāo)籤:

編輯:找到了一個(gè)帶有英語(yǔ)/本地標(biāo)籤混合的地圖圖層:Thunderforest 地圖圖塊同時(shí)顯示英語(yǔ)和本地標(biāo)籤,類(lèi)似於您的 liveuamap 範(fàn)例。您還需要一個(gè) API 金鑰。

程式碼範(fàn)例:


            
            
            
            
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板