Как установить карту на сайт с балуном на конкретной позиции?

Question

[Name Surname]

Ребят, верстаю сайт, и возникла потребность в том что бы добавить карту с точным размером места, ну вот допустим как на картинке ниже. Если же я пробую добавить карту на сайт, то она показывается без меток, и с масштабом размера карты которая как глобус( материки да океаны) но мне нужна точный адрес.
Может есть какой-то алгоритм того как это сделать? А точнее способ что бы при вставке на сайт, карта оставалась таких же размеров как и при моем просмотре в гугл мапс.

Answer 1

[Максим Тимофеев]

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

Comments

[xtress]

Документация для слабаков! То ли дело тостер...

[Name Surname]

Спасибо большое, сейчас посмотрю.

Answer 2

[AlexVOK]

Все достаточно просто. Решаете, на основе чего карту будите делать на сайте, а потом используйте инструкцию:
Для Яндекс.Карт
Для Гугл Карт
Для 2Гис Карт