Для первой карты не нужен сложный геосервис. Leaflet — лёгкая библиотека JavaScript: она выводит карту в браузере и позволяет добавлять метки. Вы создадите
index.html, style.css и script.js, подключите файлы Leaflet по внешней ссылке и откроете результат локально.Начните с карты Бостона на подложке OpenStreetMap. Затем добавьте обычную метку, оформите круглую и вынесите несколько мест с координатами в массив, то есть список объектов. Цикл пройдёт по списку и создаст для каждого места маркер с подписью. Так данные из JavaScript превратятся в элементы на карте.
Если видна пустая страница, сначала проверьте высоту контейнера
#map: без неё карте негде отрисоваться. Для первого запуска возьмите полный файл script.js: ранний фрагмент показывает только начало обработчика загрузки страницы DOMContentLoaded.