StasEx

Проще сделать все через position absolute.
Задать top и left лучше через проценты, а не через пиксели.
Так не будет ошибок при масштабировании.

Если хватит умений, то стоит написать функцию для определения процентной позиции курсора на карте. Это поможет расставлять новые точки при добавлении новых карт.

localStorage записывает в себя только строки(String). Так что нужно каждый раз преобразовывать типы данных.
В случае с массивами можно поступить так...

1. Создание массива в начале приложения:

localStorage.setItem('store', ([]).toString() ); // создаем пустой массив и тут же преобразуем его в String

2. Чтение из store:

const store = Array.from(localStorage.getItem('store')) // получаем Store из localStorage и преобразуем его в массив

3. Запись в store:

// та же техника
const store = Array.from(localStorage.getItem('store')) // получаем Store
store.push({todoName:  'habr help', isComplete: false}) // заполняем новыми данными
localStorage.setItem('store', (store).toString() ); // выполняем сохранение в localStorage

4. Удаление из store:

// можно сделать через фильтр
const store = Array.from(localStorage.getItem('store')) // получаем Store
store.filter(item => item.todoName !== 'habr help');
localStorage.setItem('store', (store).toString() ); // выполняем сохранение в localStorage

5. Удаление всего store / чистка:

localStorage.removeItem('store'); // - удаляет только сам <b>store</b> из localStorage
localStorage.clear(); // - удаляет все элементы из localStorage (опасно, если приложение построено с localStorage )

like.podpiska.repost = true;