Карта Google для Bootstrap / Элементы / Сниппеты Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0

Каталог: Сниппеты Bootstrap

Категория: Элементы

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Вес файла: 6.4 Kb

Уникальный ID: 1178

Количество символов:

Посмотрели: 7737 раз

Помощь: установка & настройка

Прикреплён файл №2: /stuff/0-0-0-1178-20

Скачали бесплатно: 319 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: http://goo.gl/xA3f2l

Информация: Пользователям

Информация: Правообладателям

Теги: Google, Snippet, карта, Bootstrap, element, Responsive, Map, html, Гугл

Поделился: BootstrapТема

Добавлено: 2016-07-17 в 14:09

Метка: 1581115905

⇄ ⇅

<link rel="stylesheet" href="https://bootstraptema.ru/plugins/bootstrap/v3/3-3-6/bootstrap.css" />
<script src="https://bootstraptema.ru/plugins/jquery/v3/3-1-0/jquery-3.1.0.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3ydnvevWjSnxMqtyA9zPfP6O35okY9HY&callback=initMap"></script>
<script src="https://bootstraptema.ru/snippets/element/2016/maps/custom.js"></script>

<style>
@font-face {
 font-family: 'Lobster';
 font-style: normal;
 font-weight: 400;
 src: local('Lobster'), local('Lobster-Regular'),
 url(https://bootstraptema.ru/snippets/font/2016/lobster/Lobster.woff) format('woff'),
 url(https://bootstraptema.ru/snippets/font/2016/lobster/Lobster.ttf) format('truetype');
}
#map {
width: 100%; /* Ширина карты */
height: 400px; /* Высота карты */ 
}
.info-window h3 {
font-family: 'Lobster'; /* Шрифт заголовка описания */
color: #694198; /* Цвет заголовка описания */
}
.info-content {
color: #777; /* Цвет контента описания */
}
</style>

<br><br><br>

<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">

<h2>Карта Google для Bootstrap</h2>
<p class="lead">Нажмите на иконку местоположения</p>

<div id="map"></div>

</div>
</div>
</div>