Главная Полезные материалы Демо Демо: Карта проблем моего района

20.04.2021Демо

Демо: Карта проблем моего района

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

В демо-режиме новые маркеры не публикуются. В реальном проекте запрос на добавление маркера приходит администратору сайта, и он публикует или отклоняет отметку.

Вырубка зелёных насаждений

Проблемные проекты

Свалка

Другие проблемы

Шипиловский проезд, 14, Москва, 115569

'; p.latitude = '55.6126'; p.longitude = '37.6937'; p.location = 'Шипиловский проезд, 14, Москва, 115569'; p.type = 'Вырубка зелёных насаждений'; p.term_id = '29'; p.icon = "http://rynda.org/wp-content/uploads/2022/02/kissclipart-wood-cutting-icon-clipart-computer-icons-cutting-t-50a3327437eefe65-768x768.png"; p.color = '#007007'; p.height = 50; p.width = 48; points.push(p); var p = {}; p.post_id = '458'; p.post_title = 'Долгострой'; p.post_content = '

Елецкая улица, 10 корп 2, Москва, 115583

'; p.latitude = '55.6081'; p.longitude = '37.7307'; p.location = 'Елецкая улица, 10 корп 2, Москва, 115583'; p.type = 'Проблемные проекты'; p.term_id = '31'; p.icon = "http://rynda.org/wp-content/uploads/2021/04/apartamenty.png"; p.color = '#000000'; p.height = 30; p.width = 30; points.push(p); var p = {}; p.post_id = '416'; p.post_title = 'Строительный мусор'; p.post_content = '

Ясеневая улица, Москва, 115597

'; p.latitude = '55.6116'; p.longitude = '37.7461'; p.location = 'Ясеневая улица, Москва, 115597'; p.type = 'Свалка'; p.term_id = '30'; p.icon = "http://rynda.org/wp-content/uploads/2021/04/bin.png"; p.color = '#000000'; p.height = 30; p.width = 30; points.push(p); var p = {}; p.post_id = '391'; p.post_title = 'Автохлам'; p.post_content = '

Ясеневая улица, 27/25 стр 3, Москва, 115583

'; p.latitude = '55.6053'; p.longitude = '37.7367'; p.location = 'Ясеневая улица, 27/25 стр 3, Москва, 115583'; p.type = 'Другие проблемы'; p.term_id = '32'; p.icon = "http://rynda.org/wp-content/uploads/2021/04/vopros.png"; p.color = '#000000'; p.height = 30; p.width = 30; points.push(p); var mData = { mapType : 'map', uniq : 'ShmMap27191642f7f', muniq : '27191642f7f', latitude : 55.608068, longitude : 37.720421, zoom : 14, map_id : 271, isClausterer : 1, isLayerSwitcher : 0, isFullscreen : 1, isScrollZoom : 0, isDrag : 0, isSearch : 1, isZoomer : 1, isAdmin : 0, isMap : true, default_icon : '', country : '', overlay : '', border : '', overlayOpacity : '', kmlUrl : '' }; if ( map_type == 1 ) { ymaps.ready( function(){ init_map( mData, points ); ymaps.borders.load( '001' , { lang: shmYa.langIso, quality: 1 }).then(function (result) { let selectOption = ''; let optionValue = ''; let optionLabel = ''; let optionSelected = ''; let optionCurrent = mData.country; let allCountries = []; let allOptions = []; for (var i = 0; i < result.features.length; i++) { optionValue = result.features[i].properties.iso3166; optionLabel = result.features[i].properties.name; allOptions[ optionLabel ] = optionValue; allCountries.push( optionLabel ); } // Sort countries alphabetically allCountries.sort(); // Create html options allCountries.forEach( function( value, index ){ optionValue = allOptions[ value ]; optionSelected = ''; if ( optionCurrent == optionValue ) { optionSelected = 'selected'; } selectOption += ''; }); // Add options to admin select if ( $( '[name=highlight_country]' ).length ) { $( '[name=highlight_country]' ).html( selectOption ); } }); } ); } else if (map_type == 2) { init_map( mData, points ); } // Disable submit post form on this page. $('form#post').on('keyup keypress', function(e) { var keyCode = e.keyCode || e.which; if (keyCode === 13) { e.preventDefault(); return false; } }); }); jQuery("").appendTo('head');

Оставляйте свои метки проблем

Вырубка зелёных насаждений

Другие проблемы

Проблемные проекты

Свалка

Что не так?*

Расскажите подробности

Ваше имя

Ваш e-mail

Я даю свое согласие администратору сайта на обработку, в том числе автоматизированную, своих персональных данных в соответствии с Федеральным законом от 27.07.2006 N 152-ФЗ «О персональных данных».

Основные функции shMapper

shMapper позволяет любому владельцу сайта на WordPress создать интерактивную краудсорсинговую карту, где каждый желающий может поставить свою отметку. В качестве подложки используются Яндекс Карты или OpenStreetMap. Карту можно вставить в любое место на любой странице, оптимизировать под дизайн вашего сайта, добавить уникальные метки и защитить от спама.

1. Краудсорсинговое заполнение карт

Плагин создаёт интерактивную карту с набором маркеров. Любой пользователь может поставить маркер в нужную точку и рассказать, что там происходит, через форму обратной связи.

2. Выбор подложки

В качестве подложки вы можете выбрать Яндекс Карты или OpenStreetMap. Они отличаются детализацией: OpenStreetMap имеют более подробную топографию, а Яндекс Карты точнее отражают городскую инфраструктуру.

3. Отображение карт с помощью шорткодов

По умолчанию карта создаётся на отдельной странице вашего сайта, но с помощью шорткода её можно вставить внутрь контента — например, посередине статьи или на странице «Контакты».

4. Пользовательские значки маркеров

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

5. Пре- или пост-модерация новых маркеров

При пост-модерации пользовательские маркеры публикуются на карте автоматически. Но мы рекомендуем включить режим премодерации, чтобы администратор сайта решал, какую информацию публиковать, а какую — нет.

6. Выбор стиля подложки

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

7. Защита формы при помощи ReCaptcha

Капчу может пройти только человек, поэтому она защищает сайт от массовых запросов и спама.

6. Кластеры

При отдалении карты близко расположенные точки собираются в группы — кластеры. Кластеры позволяют упорядочить данные на карте и показать глобальные тенденции.