IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use 'popup.isOpen()'

Browse Source
This commit is contained in:
Wolfgang Huß 2023-01-25 15:50:19 +01:00
parent bce3ad649b
commit b5a8fc9407
1 changed files with 1 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webapp/pages/map.vue
View File

@ -91,7 +91,6 @@ export default {
isSourceAndLayerAdded: false, isSourceAndLayerAdded: false,
isFlyToCenter: false, isFlyToCenter: false,
popup: null, popup: null,
popupIsVisible: false,
}, },
} }
}, },
@ -200,9 +199,8 @@ export default {
this.map.on('mouseenter', 'markers', (e) => { this.map.on('mouseenter', 'markers', (e) => {
if (e.features[0].properties.type !== 'the-user') { if (e.features[0].properties.type !== 'the-user') {
// close old popup first // close old popup first
if (this.markers.popupIsVisible) { if (this.markers.popup.isOpen()) {
this.markers.popup.remove() this.markers.popup.remove()
this.markers.popupIsVisible = false
} }
// Change the cursor style as a UI indicator. // Change the cursor style as a UI indicator.
@ -229,23 +227,12 @@ export default {
// Populate the popup and set its coordinates // Populate the popup and set its coordinates
// based on the feature found. // based on the feature found.
this.markers.popup.setLngLat(coordinates).setHTML(description).addTo(this.map) this.markers.popup.setLngLat(coordinates).setHTML(description).addTo(this.map)
this.markers.popupIsVisible = true
} }
}) })
// this.map.on('mouseleave', 'markers', () => { // this.map.on('mouseleave', 'markers', () => {
// this.map.getCanvas().style.cursor = '' // this.map.getCanvas().style.cursor = ''
// this.markers.popup.remove() // this.markers.popup.remove()
// this.markers.popupIsVisible = false
// })
// Wolle: this.map.on('click', (e) => {
// // close old popup first
// if (this.markers.popupIsVisible) {
// this.markers.popup.remove()
// this.markers.popupIsVisible = false
// }
// }) // })
// load markers // load markers