InstantMaps 2, центр карты

#1 30 ноября 2015 в 10:49

Добрый день, скажите пожалуйста, как сделать, что бы в каждой категории в InstantMaps 2, был собственный центр карты.

Например при переходе в категорию "Категория1" отображался "Город1", при переходе в "Категория2" отображался "Город2".

А в связи с тем, что сейчас в настройках InstantMaps стоит город по умолчанию "Город1", то, при выборе Категории2 отображается Город1, если использовать настройку "Использовать фильтр по городам", тогда при переходе в Категорию2 человек видит пустую страницу с просьбой выбрать свой город, что я считаю не совсем приятно пользователям.

#2 1 декабря 2015 в 20:31

Присоединяюсь

#3 1 декабря 2015 в 23:16

В общем так. Пивом и руками знакомого программиста было сделано таким образом.

В файле \www\templates\TEMPLATE\content\places_list.tpl.php

Поменять этот код

 
<script>
icms.mapsList.init('map-canvas', {
	zoom: <?php echo $options['zoom'] + 1; ?>,
	min_zoom: <?php echo $options['min_zoom'] + 1; ?>,
	max_zoom: <?php echo $options['max_zoom'] + 1; ?>,
	center: [<?php echo nf($center[0], 4); ?>, <?php echo nf($center[1], 4); ?>],
	city_addr: <?php echo $city_full && empty($city['lat']) ? "'{$city_full}'" : 'false'; ?>,	
	city_id: <?php echo $city ? $city['id'] : 'false'; ?>,	
	map_type: '<?php echo $options['map_type']; ?>',
	map_type_select: <?php echo $options['map_type_select'] ? 'true' : 'false'; ?>,
	scroll_zoom: <?php echo $options['scroll_zoom'] ? 'true' : 'false'; ?>,
	bounds: <?php echo $options['mk_bounds'] ? 'true' : 'false'; ?>,			
	filter: '<?php echo $map_filter; ?>',
	load_url: '<?php echo href_to('places', 'markers'); ?>',
	icons_url: '<?php echo cmsConfig::get('upload_host') . '/markers'; ?>',
	balloon_url: '<?php echo href_to('places', 'balloon'); ?>',
	city_save_url: '<?php echo href_to('places', 'city_save'); ?>',
	delay: '<?php echo $options['mk_delay']; ?>'
});
</script>

На этот

<script>
var mapOptions = {
	zoom: <?php echo $options['zoom'] + 1; ?>,
	min_zoom: <?php echo $options['min_zoom'] + 1; ?>,
	max_zoom: <?php echo $options['max_zoom'] + 1; ?>,
	center: [<?php echo nf($center[0], 4); ?>, <?php echo nf($center[1], 4); ?>],
	city_addr: <?php echo $city_full && empty($city['lat']) ? "'{$city_full}'" : 'false'; ?>,	
	city_id: <?php echo $city ? $city['id'] : 'false'; ?>,	
	map_type: '<?php echo $options['map_type']; ?>',
	map_type_select: <?php echo $options['map_type_select'] ? 'true' : 'false'; ?>,
	scroll_zoom: <?php echo $options['scroll_zoom'] ? 'true' : 'false'; ?>,
	bounds: <?php echo $options['mk_bounds'] ? 'true' : 'false'; ?>,			
	filter: '<?php echo $map_filter; ?>',
	load_url: '<?php echo href_to('places', 'markers'); ?>',
	icons_url: '<?php echo cmsConfig::get('upload_host') . '/markers'; ?>',
	balloon_url: '<?php echo href_to('places', 'balloon'); ?>',
	city_save_url: '<?php echo href_to('places', 'city_save'); ?>',
	delay: '<?php echo $options['mk_delay']; ?>'
};
 
(function(){
	icms.mapsList.onMapReadyOriginal = icms.mapsList.onMapReady; 
	icms.mapsList.onMapReady = function(){
		icms.mapsList.onMapReadyOriginal();
		if (typeof(setCoordinate) == 'function') {
			setCoordinate();
		}
	}	
})();
 
var sMap = icms.mapsList.init('map-canvas', mapOptions);
</script>

Создать виджет HTML убрать тайтл и добавить такой код:

<script>
function setCoordinate() {
  icms.map.setCenter([XX.XXXXX, YY.YYYY]);
}
</script>

где XX.XXXXX, YY.YYYY — нужные координаты центра карты

Виджет расположить на ту страницу, где нужна смена центра карты. Я использовал Создание страницы для привязки виджетовс маской вида places/city1 Таких страниц придется создать для каждой страницы где нужно указать свой центр

На странице настройки компонента по желанию снять галочку "Использовать фильтр по городам", лично мне она не к чему. Если хотите оставить, тогда придется играться с выбором города. Но думаю если у вас своя категория для каждого города, эта галочка вообще ненужна.

Два недостатка:
1. На странице категории сначала грузит центр карты с настройки компонента, а потом сразу же меняет на центр карты указанный в виджете, т.е. присутствует небольшое "мигание", думаю особого дискомфорта не должно вызвать. Конечно же, можно было бы сделать более изящно, но пришлось бы ковырять \www\templates\TEMPLATE\js\maps\list.js и другие скрипты карты, а хотелось всё таки минимум правок.

2. На странице категории видна белая полоска виджета. Поэтому я её убрал в футер. И опять же, в виджет после </script> можно добавить любой текст, например SEO текст или ещё как-то обыграть, что бы "по чем зря" не валялся :)

Сегодня в 16:39

#4 2 декабря 2015 в 08:16

Класс, спасибо большое. Сейчас буду пробовать

#5 8 декабря 2015 в 14:03

Добрый день, скажите пожалуйста, как сделать, что бы в каждой категории в InstantMaps 2, был собственный центр карты.

Например при переходе в категорию "Категория1" отображался "Город1", при переходе в "Категория2" отображался "Город2".

А в связи с тем, что сейчас в настройках InstantMaps стоит город по умолчанию "Город1", то, при выборе Категории2 отображается Город1, если использовать настройку "Использовать фильтр по городам", тогда при переходе в Категорию2 человек видит пустую страницу с просьбой выбрать свой город, что я считаю не совсем приятно пользователям.

asa

Если еще актуально, то можно использовать хук instantcms.ru/forum/thread22006.html#210416

#6 8 декабря 2015 в 15:04

Максим, спасибо, попробую Ваш хук и если он удобнее оставлю Ваш.

Как сделать спойлер для icms 2

Как вывести название категории

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

InstantMaps 2, центр карты

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Сместить центр Яндекс карты

Выравнивание пунктов главного меню в шаблоне Modern.

Доработка компонента "редирект центр". Ваше мнение?

Логотип в центре - Modern

[ЕСТЬ РЕШЕНИЕ] Как сделать отображение фото превью по центру в ленте?

[ЗАКРЫТО] Самописная CMS для учебного центра

InstantCMS Team

О проекте

Поддержка

Дополнения