Будем делать одностраничный фронтенд - html, JavaScript + Azure Maps. Фреймворки и дизайн не нужны, вся страница и будет карта с Azure Maps.
Что нужно:
1) Отобразить карту с Azure Maps и разместить на ней несколько точек с заданными координатами. Пример с одной точкой: HTML Marker Pulse Animation - Azure Maps Web SDK Samples (azuremapscodesamples.azurewebsites.net)
код: AzureMapsCodeSamples/HTML Marker Pulse Animation.html at master · Azure-Samples/AzureMapsCodeSamples (github.com)
2) Поверх карты разместить два поля для ввода текста и кнопку.
3) Получить IP клиента через API-1
4) После ввода информации пользователем обработать поля и проверить корректность формата. Показать уведомление, если требуется. pop-up есть в Azure Maps
5) Отправить запрос на API-2 и асинхронно на несколько API-3
6) После ответа API-2 отобразить точку на карте. См Animation easings - Azure Maps Web SDK Samples (azuremapscodesamples.azurewebsites.net)
код: AzureMapsCodeSamples/Drop symbol animation.html at master · Azure-Samples/AzureMapsCodeSamples (github.com)
7) После ответа API-3 отобразить полученную информацию на точках из 1 и соединить их с точкой из 6.

Все API есть. Так что все что надо это ваше время и JavaScript. Как бонус, вы освоите Azure Maps и сделаете классный one-page site! :-)

Спасибо за внимание!
Дмитрий