Делаем карту города

+14
3.63K
Мне понадобилась карта города на сайт, сервисы гугля и яши не подошли, т.к. разрешение их карт для моего города оставляют желать лучшего (маленький город). Посему нашел такое решение:
Иллюстрация
Посмотреть в действии

как это все сделать:
1. качаем скрипт http://www.mozlife.ru/upload/userfiles/1/loupe.zip или отсюда
http://www.netzgesta.de/loupe/loupe.zip

2. В шаблон сайта в тег <head>...</head> прописываем следующий код:
  1. //прописываем путь к картинке loupe.png
  2. <script type="text/javascript">var loupePath="/templates/newline2/images/";</script>
  3. // прописываем путь к loupe.js
  4. <script type="text/javascript" src="/templates/newline2/js/loupe.js"></script>
  5. // пути для ишака
  6. <!--[if gte IE 6]>
  7. <script type="text/javascript">var loupePath="/templates/newline2/js/vml/";</script>
  8. <script type="text/javascript" src="/templates/newline2/js/vml/loupe.js"></script>
  9. <![endif]-->
3. Подготавливаем карту: 2 изображения — маленькое и большое (я предварительно оптимизировал их в фотошопе, от этого зависит скорость работы с картой)

4. Создаем новый модуль с таким кодом (пути и размеры характерны для моего сайта, измените на свои характеристики):
  1. <div style="float: left; width:770px; height:649px; background:url(/images/map/mozgasmall.jpg) no-repeat; border:1px solid gray; margin-right: 1em; margin-bottom: 0.25em;"><img id="caribbean" onLoad="initLoupe(this.id,true,773,364);" style="cursor:wait;" width="770" height="649" alt="large image" src="/images/map/mozgabig.jpg" /></div>
5. Заключительный — создаем ссылку на модуль.

=========================================================================================================

Ура!!! Свершилось😊Сделал это добро по просьбам трудящихся в виде модуля!!! Качаем и ставим! Предварительно прочитав в архиве файл readmy.txt

Установка модуля.
1. Содержимое архива скопируйте в корень сайта.
2. Подключитесь к БД. В конце этого файла расположен текст sql-запроса. Выполните его, чтобы модуль появился в админке.
3. Зайдите в админку и настройте модуль, как Вам нужно, обязательно укажите, для каких групп пользователей и на кой странице показывать модуль.
4. Нажмите на шестеренку и:
— пропишите необходимые размеры карты;
— пропишите пути ваших карт (желательно их складывать в папку: /modules/mod_citymap/images/);
-------------------------------------------------------------------------------------------------------
sql-запрос к БД:
  1. INSERT INTO `cms_modules` ( `id` , `position` , `name` , `title` , `is_external` , `content` , `ordering` , `showtitle` , `published` , `user` , `config` , `original` , `css_prefix` , `allow_group` , `cache` , `cachetime` , `cacheint` )
  2. VALUES
  3. ('', 'top', 'Карта города', 'Карта города', '1', 'mod_citymap', '1', '1', '1', '0', '', '1', '', '-1', '0', '1', 'MINUTE');
p.s. если что не так — отписывайтесь обязательно
скачать отсюда mod_citymap.rar или mod_citymap.rar
0
12 лет назад #
Интересно. Попробуемс.
0
Сергей Сергей 12 лет назад #
Главный минус этой карты это то что она глючит, вот как то делал карту с помощью вот - http://www.newmediacampaigns.com/page/a-jquery-plugin-for-zoomable-interactive-maps#comments решения
0
alpik alpik 12 лет назад #
Вроде пока не замечал глюков, тестировал в ишаке, opere, firefox(в нем быстрее) - везде все путём...
0
Сергей Сергей 12 лет назад #
у меня в opere вообще жестоко подвисает
0
alpik alpik 12 лет назад #
http://www.newmediacampaigns.com/page/a-jquery-plugin-for-zoomable-interactive-maps#comments - тоже хорошее решение... я так понимаю можно на карте даже объекты помечать
0
Сергей Сергей 12 лет назад #
можно
0
alpik alpik 12 лет назад #
а можешь разжевать это все также примерно как у меня? Могу и сам конечно, но по протоптанной тропинке легче... Наверно возможно поставлю себе, такую вещь. Нравится после тестовsmileВо прикольно было б еще привязать к ней универсальный каталог (например предприятия города)
0
Zau4man Zau4man 12 лет назад #
Посмотрите скока оперативы браузер начинает есть... 200 метров - это тока начало...
в общем висит жестко
0
mihalich mihalich 12 лет назад #
У меня нормально работает. Сам озадачивался когдато картами, так как на гуглах и на яше нету моего маленького подмосковного городка. Пожалуй самый большой минус в твоей карте это поиска нету по улицам (по домам это ладно, а вот улицы важно), но тебе повезло что хоть такая карта есть(можно метки повесить и улицы поиском), у меня что я смог выбить из администрации это полный отстой. Как вариант пока в гугле сделал карту, провёл улицы. В API не силён, а так бы ещё поиском озадачился бы как прилепить.
0
12 лет назад #
Как его привязать? Напишите пожалуйста!!! Или у кого есть ,выложите пожалуйста архив с готовым решением!!!!
0
alpik alpik 12 лет назад #
Вроде подробно расписал, на каком этапе загвоздка?
0
Михаил 12 лет назад #
А если возможно, выложите готовый архив с модулем, что б просто свою карту подставить и всё! Пожалуйсто... angel
0
alpik alpik 12 лет назад #
постараюсь сделать в ближ. время...
0
12 лет назад #
Хотя бы подскажите с созданием модуля, не могу догнать никак как его создать и куда сунуть
0
alpik alpik 12 лет назад #
у меня проблемы с программированием в php - изучаю на ходу - по сему туго идет продвижение -
- сделал в админке правка размеров карты и пути нахождения карты...
- немогу понять как связать данные из админки в отображаемую часть модуля... пока ступор...
0
alpik alpik 12 лет назад #
тестируем модуль :)
0
alegcool alegcool 12 лет назад #
В Google Chrome работает на урааааа!!!

Еще от автора

Онлайн радио обновление для v 1.10.1
Доброго времени, это всего лишь обновление модуля - онлайн радио для ICMS v 1.10.1 - по просьбам трудящихся... Здесь старая версия
Социальные кнопки внедряем в icms 1.10 (памятка)
Всё ж таки мигровал на 1.10, уфф ))) Посему пришлось перелопачивать многое, ну и коды соцзакладок в обязательном порядке.
Каталог с флеш - играми на основе УК
Очень просто реализуется каталог с флеш-играми на основе УК!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.