ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement translation of map labels, not working now

Browse Source
This commit is contained in:
Wolfgang Huß 2023-01-10 14:47:18 +01:00
parent 67d01f8e32
commit fea308435a
3 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
webapp/package.json
View File

@ -22,6 +22,7 @@
}, },
"dependencies": { "dependencies": {
"@human-connection/styleguide": "0.5.22", "@human-connection/styleguide": "0.5.22",
"@mapbox/mapbox-gl-language": "0.10.0",
"@nuxtjs/apollo": "^4.0.0-rc19", "@nuxtjs/apollo": "^4.0.0-rc19",
"@nuxtjs/axios": "~5.9.7", "@nuxtjs/axios": "~5.9.7",
"@nuxtjs/dotenv": "~1.4.1", "@nuxtjs/dotenv": "~1.4.1",

17
webapp/pages/map.vue
View File

@ -47,6 +47,7 @@
<script> <script>
import mapboxgl from 'mapbox-gl' import mapboxgl from 'mapbox-gl'
import MapboxLanguage from '@mapbox/mapbox-gl-language'
import { objectValuesToArray } from '../utils/utils' import { objectValuesToArray } from '../utils/utils'
export default { export default {
@ -102,6 +103,22 @@ export default {
methods: { methods: {
onMapLoad({ map }) { onMapLoad({ map }) {
this.map = map this.map = map
// documentation of correct version: https://github.com/mapbox/mapbox-gl-language/tree/v0.10.0
// Add RTL support if you want to support Arabic
// Wolle: does not work yet
mapboxgl.accessToken = this.$env.MAPBOX_TOKEN
mapboxgl.setRTLTextPlugin('https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.1.0/mapbox-gl-rtl-text.js')
const language = new MapboxLanguage({
defaultLanguage: 'en', // Wolle
// defaultLanguage: 'de', // Wolle
// defaultLanguage: 'auto', // Wolle
})
this.language = language
this.map.addControl(language)
console.log('this.map: ', this.map)
console.log('this.language: ', this.language)
// is unclear, how to
// this.language.setLanguage('de') // makes error
}, },
setStyle(url) { setStyle(url) {
this.map.setStyle(url) this.map.setStyle(url)

5
webapp/yarn.lock
View File

@ -2888,6 +2888,11 @@
resolved "https://registry.yarnpkg.com/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz#ce56e539f83552b58d10d672ea4d6fc9adc7b234" resolved "https://registry.yarnpkg.com/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz#ce56e539f83552b58d10d672ea4d6fc9adc7b234"
integrity sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ== integrity sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ==
"@mapbox/mapbox-gl-language@0.10.0":
version "0.10.0"
resolved "https://registry.yarnpkg.com/@mapbox/mapbox-gl-language/-/mapbox-gl-language-0.10.0.tgz#f93fb05cde7a8c092c29ff393c51b54e2e26611d"
integrity sha512-BBJ6CQStZbGKfARPOcVol97J5PLaLEbm6ya/PzzhC4Aw7f7a3cBiV5p6SYQFGhyAh2Z8MxjFaXH18xyB8KgrkA==
"@mapbox/mapbox-gl-supported@^1.5.0": "@mapbox/mapbox-gl-supported@^1.5.0":
version "1.5.0" version "1.5.0"
resolved "https://registry.yarnpkg.com/@mapbox/mapbox-gl-supported/-/mapbox-gl-supported-1.5.0.tgz#f60b6a55a5d8e5ee908347d2ce4250b15103dc8e" resolved "https://registry.yarnpkg.com/@mapbox/mapbox-gl-supported/-/mapbox-gl-supported-1.5.0.tgz#f60b6a55a5d8e5ee908347d2ce4250b15103dc8e"