WIP on performances
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2020-04-16 16:40:33 +02:00
parent f91dc8541b
commit 7f3f2ac3ba
9 changed files with 60 additions and 47 deletions

View File

@@ -22,34 +22,30 @@
** Run code when mounted
*/
onMount(async () => {
// For browser only
if (process.browser) {
// Import libraries and code
let Globe
await import('globe').then(module => Globe = module.default)
// Import libraries and code
let InteractiveGlobe
await import('globe/index').then(module => InteractiveGlobe = module.default)
// Init the globe from library
globe = new InteractiveGlobe({
el: scope,
texture: `/img/globe/map-${window.innerWidth >= 992 ? '3k' : '2k'}.png`,
markers: [...$locations.map(location => {
return {
name: location.name,
slug: location.slug,
countryName: location.country.name,
countrySlug: location.country.slug,
lat: location.coordinates.lat,
lng: location.coordinates.lng
}
})],
cameraDistance: 3,
onLinkClicked: () => {}
})
// Init the globe from library
globe = new Globe({
el: scope,
texture: `/img/globe/map-${window.innerWidth >= 992 ? '4k' : '2k'}.png`,
markers: [...$locations.map(location => {
return {
name: location.name,
slug: location.slug,
countryName: location.country.name,
countrySlug: location.country.slug,
lat: location.coordinates.lat,
lng: location.coordinates.lng
}
})],
cameraDistance: 3,
onLinkClicked: () => {}
})
// Run the globe
resize()
update()
}
// Run the globe
resize()
update()
})
</script>