Closed MattL-NZ closed 1 year ago
Looks like this may be an issue with this line: position={{lat: seed.latitude, lng: seed.longitude}}
After changing the seed data to hold the location in it's own section seems to fix it.
Old
{
"id": 7,
"deviceName": "Device 7",
"deviceNearestAddress": "420 Main South Road, Hornby, Christchurch 8042",
"latitude: -43.5433874,
"longitude: 172.5199757
}
New
{
"id": 7,
"deviceName": "Device 7",
"deviceNearestAddress": "420 Main South Road, Hornby, Christchurch 8042",
"location": {
"lat": -43.5433874,
"lng": 172.5199757
}
}
Please provide an explanation of the issue
I am able to render marker clusters on the screen using this package, however, when a page refresh occurs, all the markers along with the clusters disappear.
Your Environment
os: windows
node: 16.16.0
react version: 18 (Using Next.Js)
@react-google-maps/api version: Latest
How does it behave?
Markers show initial when changes are saved in the code but disappear when the browser is refreshed.
After code save the browser shows this:![image](https://user-images.githubusercontent.com/2846782/207222813-c4e5d9c3-97d4-47b5-aaf6-f08485391eb3.png)
After a browser refresh, everything disappears![image](https://user-images.githubusercontent.com/2846782/207222947-fea55ba4-dcdf-4c9f-9cc7-41ae8b6fe156.png)