[map] Browser map does not save POI properly

[rez]

I am sorry to create a new thread, but I can't find where I can report a bug concerning a map (https://map.projectzomboid.com/).

There was a link to the forum pointing to another tracker with project number 4, which is either hidden or removed now.

Please move the report where you see fit.

 

Current map issue: can't save POI locally. Actually, they are saved, but cannot be loaded. The behavior is the same for Chrome 61 and Firefox 50.

S2R:

• Load map in browser
• Add POI or several
• Close browser/tab
• Open map in browser again

Expected result:

• Map is displayed
• Your POIs are in place

Actual result:

• Black screen is displayed instead of a map
• POIs are not visible
• You cannot view map unless you flush your POI

 

This was broken some time ago as previously map worked fine.

The issue is probably due to localstorage format changing when saving/loading.

 

Example of localstorage data below.

1. No POIs:

{
	"__jstorage_meta": {
		"CRC32": {
			"privateOverlays": "2.3023080129"
		},
		"TTL": {
			
		}
	},
	"privateOverlays": []
}

2. Added 2 POIs at once:

{
	"__jstorage_meta": {
		"CRC32": {
			"privateOverlays": "2.2199287912"
		},
		"TTL": {
			
		}
	},
	"privateOverlays": [{
		"px": null,
		"py": null,
		"location": {
			"x": 0.44510301636217686,
			"y": 0.15747158661081534
		},
		"className": "highlight private",
		"text": "Muldraugh: CLEAN<br />",
		"id": "overlay-private-9587064",
		"scales": false,
		"placement": 0
	},
	{
		"px": 465795,
		"py": 160899,
		"location": null,
		"className": "highlight private",
		"text": "Muldraugh: CLEAN<br />",
		"id": "overlay-private-3037732",
		"scales": false,
		"placement": 0
	}]
}

3. Reload the page and get a black screen until you remove the first POI with 'location' set. The second one works fine.

 

I have found a workaround, though:

• Load the map
• Add only 1 POI
• Refresh the page
• Add another POI
• Refresh the page
• ...and so on, add 1 POI at a time to avoid conversion from 'px, py' format to 'location' format.