我使用 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='© <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í)行此操作。 任何幫助都感激不盡。先致謝!
您需要變更為提供不同語(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)例:
熱門(mén)專(zhuān)題更多>熱門(mén)文章熱門(mén)教學(xué)更多>