Skip to content

slyisarenko-ilya/lq-gmap-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Модуль Google Maps integration для Wordpress.

Админского интерфейса пока нет (в работе).

Позволяет указать один или несколько маркеров (поля объекта Marker: широта, долгота, название, описание, картинка, ссылка для перехода при щелчке)

и отобразить карту. Либо статически на странице, либо привязать к триггеру и отображать во всплывающем окне при щелчке.

Используются javascript-средства: bPopup, jQuery, MarkerClusterer, GoogleMaps модуль.

Примеры внедрения в тему сайта:

Статически:

<div class="map">
	<div class="block-title">Геленджикский и Анапский районы на карте</div>
	<?php	$rooms = OEThemeHelper::getAllRooms(); ?>
	<div id="main-map-container" >...</div>
	<script type="text/javascript">
		jQuery(document).ready(function(){ 
			<?php
				
				$markers = ...формируем маркеры...
				GMap::getInstance()->build($markers, new MultipleRoomsJSRenderer("#main-map-container"), 'marker-template');
			    echo GMap::getInstance()->getJS();
		     ?>
		});
	</script>
</div>

Динамически:

<?php
	$markers = ...формируем массив маркеров (Объект класса Marker модуля lq-gmap-plugin)...
	GMap::getInstance()->build($markers, new MultipleRoomsJSRenderer(), 'marker-template');
?>

<script>
jQuery(document).ready(function(){
	jQuery("#roommap").click(function(e){
		e.preventDefault();
		<?php echo GMap::getInstance()->getJS(); ?>
	});
});
</script>

Работающий плагин можно увидеть на страницах моей работы:

- статический, с несколькими маркерами (карта находится внизу страницы)

- динамический, с несколькими маркерами (триггер справа вверху "показать на карте")

- статический, с одним маркером

About

Интеграция Google Maps в Wordpress

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published