Google Maps и Cotonti

Как подключить сервис Google Maps к сайту под управлением CMF Cotonti

Используем Google Maps и Cotonti

Google Maps

Сервисы Google приобретают все большую популярность. Они нужны, они просты в использовании, они сделаны качественно. Рассмотрим, как подключить один из самых часто используемых на сегодняшний день сервисов Карты Гугл к CMF Cotonti.

Шаг 1. Создаем в админпанели дополнительное поле для страниц latlng. Добавляем соответственно его для page.add.tpl и page.edit.tpl. В этом поле будет содержаться долгота и широта нашего объекта (Пример: 37.4419, -122.1419).

Шаг 2. Добавляем в page.tpl следующий код:

<!-- IF {PAGE_LATLNG} -->
<script src="http://maps.google.com/maps?file=api&v=2&key={ВАШ_КЛЮЧ_ДЛЯ_ГУГЛ_АПИ}" 
type="text/javascript">
<script type="text/javascript">
	$(document).ready(function(){
	if (GBrowserIsCompatible()) {
		 var map = new GMap2(document.getElementById('map_canvas '));
		 var burnsvilleMN = new GLatLng({PAGE_LATLNG});
		 map.setCenter(burnsvilleMN, 8);
	}
});
    </script>
<div id="map_canvas" style="width: 500px; height: 300px"> </div>
<!-- ENDIF -->

Краткие пояснения: {ВАШ_КЛЮЧ_ДЛЯ_ГУГЛ_АПИ} после регистрации в сервисах гугл – вам дадут специальный ключ – вот его и надо будет написать.

В остальном сгенерируется карта с заданными координатами, в центре которой будет подсказка с заголовком вашей страницы. Если же вы не укажите координаты, то блока этого не увидите. И карта не будет сгенерирована.

Подробно об АПИ карт гугл можно почитать тут: «Основные принципы API Карт Google»

Заинтересовались? Звоните нам по телефонам +375 (29) 774-35-89 и +375 (44) 774-35-89 в Минске. Мы будем рады помочь Вам в реализации Вашего проекта.

К посту «Google Maps и Cotonti» комментариев пока нет

Новый комментарий

Для редактирования комментария осталось 10 минут