Вся html-структура представлена двома шарами - картою і формою. Для обох шарів використовується css властивість z-index, причому форма має більш високий z-index, ніж карта і таким чином карта розташовується в тлі.
Тут розташовуються 2 елементи div. Шару з картою присвоєно ідентифікатор #googlemaps, а формі - #contactform - все, що буде розташовуватися всередині #contactform, буде відображено в самій формі. Також можна вставити код Google-форм.
Блок #googlemaps займає всю ширину і висоту, а у блоку #contactform фіксована ширина. Також можна змінити рівень прозорості за допомогою css-властивості opacity для елемента #contactform тим самим трохи змінити прозорість форми.
За допомогою цього сервісу необхідно знайти ширину Latitude і довготу Longitude і замінити координати в рядку 7 (там, де var position = [48.48679432791985, 35.0393165449218];).
Даний код в дії можна подивитися на jsFiddle.net
Олексій дуже досвідчений програміст і хороша людина. Завжди робить все вчасно, а іноді і швидше, ніж обіцяє. Якість роботи на 5 з 5. Часто пропонує альтернативу або кращий варіант. Що дуже ВАЖЛИВО - завжди на зв'язку (майже цілодобово). Завжди уважний до дрібниць, що не часто зустрічається у розробників. Відповідальний. Нормальні ціни. Загалом одні позитивні емоції від робочого процесу і результатів. Олексій, спасибі за якісно виконану роботу! Рекомендую.
Максим Іванов, Директор магазину молодіжного одягу ACIDWEAR.ru