Как установить карту на сайт с балуном на конкретной позиции?
Для начала надо выбрать карты которые будете использовать (видимо гугл мапс), потом прочитать документацию к api этих карт:
https://developers.google.com/maps/documentation/
В первых же главах будет информация о масштабировании и координатах. Немного далее о нанесении точек на карту. И еще чуть далее примеры кастомных балунов и попапов.
Внимание: понадобятся знания js, вопрос интеграции карт лежит в плоскости js и мало связан с html и css, которые Вы указали в тегах.
Все достаточно просто. Решаете, на основе чего карту будите делать на сайте, а потом используйте инструкцию:
Для Яндекс.Карт
Для Гугл Карт
Для 2Гис Карт