Popup is displayed at wrong position when multiple world copies are visible, even when the Popup is attached to the Marker

Nobody has claimed this yet.

**mapbox-gl-js version**: 1.7.0

**browser**: Safari 13.1.1

### Steps to Trigger Behavior

Add Markers with attached `Popup`.
```javascript
// Add markers to the map
features.forEach(function (marker: any, i: number) {

const popUpContent = '

'

// Create the popup
const popup = new mapboxgl.Popup({ offset: 25 })
.setHTML(popUpContent)
.on('open', function (event: any) {
const activePoi = document.getElementsByClassName(poiId)[0]
activePoi.classList.add('active')
})
.on('close', function () {
const activePoi = document.getElementsByClassName(poiId)[0]
if (activePoi) {
activePoi.classList.remove('active')
}
})

let mark = new mapboxgl.Marker(markerElement)
.setLngLat(marker.geometry.coordinates)
.setPopup(popup)
.addTo(map)
})
```

Zoom out so multiple world copies are visible, and then open popup:

### Link to Demonstration

Example can be seen here: https://www.walleniuswilhelmsen.com/schedules

### Expected Behavior

Popup appears 25px above clicked Marker.

### Actual Behavior

Popup appears at wrong world copy.

Start by reproducing the issue at the linked demonstration with multiple world copies visible, using a Marker with an attached Popup and setLngLat coordinates. Trace how Marker, Popup, setPopup, and addTo determine the popup's world copy; done means the popup appears 25px above the clicked Marker in the visible copy.

Written by the indexing model from the issue text.