Делаем карту города 3 975 просмотров

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

Посмотреть в действии

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

2. В шаблон сайта в тег <head>...</head> прописываем следующий код:

//прописываем путь к картинке loupe.png
<script type="text/javascript">var loupePath="/templates/newline2/images/";</script> 
// прописываем путь к loupe.js
<script type="text/javascript" src="/templates/newline2/js/loupe.js"></script> 
// пути для ишака
<!--[if gte IE 6]> 
<script type="text/javascript">var loupePath="/templates/newline2/js/vml/";</script> 
<script type="text/javascript" src="/templates/newline2/js/vml/loupe.js"></script> 
<![endif]-->

3. Подготавливаем карту: 2 изображения — маленькое и большое (я предварительно оптимизировал их в фотошопе, от этого зависит скорость работы с картой)

4. Создаем новый модуль с таким кодом (пути и размеры характерны для моего сайта, измените на свои характеристики):

<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-запрос к БД:

INSERT INTO `cms_modules` ( `id` , `position` , `name` , `title` , `is_external` , `content` , `ordering` , `showtitle` , `published` , `user` , `config` , `original` , `css_prefix` , `allow_group` , `cache` , `cachetime` , `cacheint` )
VALUES 
 ('', 'top', 'Карта города', 'Карта города', '1', 'mod_citymap', '1', '1', '1', '0', '', '1', '', '-1', '0', '1', 'MINUTE');

p.s. если что не так — отписывайтесь обязательно
скачать отсюда mod_citymap.rar или mod_citymap.rar

Простой сервис отправки SMS

Модуль связь с администрацией

делаем карту города карта карта местности

17 комментариев

Реклама #

15 лет назад #

Интересно. Попробуемс.

Сергей 15 лет назад #

Главный минус этой карты это то что она глючит, вот как то делал карту с помощью вот - http://www.newmediacampaigns.com/page/a-jquery-plugin-for-zoomable-interactive-maps#comments решения

alpik 15 лет назад #

Вроде пока не замечал глюков, тестировал в ишаке, opere, firefox(в нем быстрее) - везде все путём...

Сергей 15 лет назад #

у меня в opere вообще жестоко подвисает

alpik 15 лет назад #

http://www.newmediacampaigns.com/page/a-jquery-plugin-for-zoomable-interactive-maps#comments - тоже хорошее решение... я так понимаю можно на карте даже объекты помечать

Сергей 15 лет назад #

можно

alpik 15 лет назад #

а можешь разжевать это все также примерно как у меня? Могу и сам конечно, но по протоптанной тропинке легче... Наверно возможно поставлю себе, такую вещь. Нравится после тестов smile

Во прикольно было б еще привязать к ней универсальный каталог (например предприятия города)

Zau4man 15 лет назад #

Посмотрите скока оперативы браузер начинает есть... 200 метров - это тока начало...
в общем висит жестко

mihalich 15 лет назад #

У меня нормально работает. Сам озадачивался когдато картами, так как на гуглах и на яше нету моего маленького подмосковного городка. Пожалуй самый большой минус в твоей карте это поиска нету по улицам (по домам это ладно, а вот улицы важно), но тебе повезло что хоть такая карта есть(можно метки повесить и улицы поиском), у меня что я смог выбить из администрации это полный отстой. Как вариант пока в гугле сделал карту, провёл улицы. В API не силён, а так бы ещё поиском озадачился бы как прилепить.

15 лет назад #

Как его привязать? Напишите пожалуйста!!! Или у кого есть ,выложите пожалуйста архив с готовым решением!!!!

alpik 15 лет назад #

Вроде подробно расписал, на каком этапе загвоздка?

Михаил 15 лет назад #

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

alpik 15 лет назад #

постараюсь сделать в ближ. время...

15 лет назад #

Хотя бы подскажите с созданием модуля, не могу догнать никак как его создать и куда сунуть

alpik 15 лет назад #

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

alpik 15 лет назад #

тестируем модуль :)

alegcool 14 лет назад #

В Google Chrome работает на урааааа!!!

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

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

Реклама #

15 лет назад #

Сергей 15 лет назад #

alpik 15 лет назад #

Сергей 15 лет назад #

alpik 15 лет назад #

Сергей 15 лет назад #

alpik 15 лет назад #

Zau4man 15 лет назад #

mihalich 15 лет назад #

15 лет назад #

alpik 15 лет назад #

Михаил 15 лет назад #

alpik 15 лет назад #

15 лет назад #

alpik 15 лет назад #

alpik 15 лет назад #

alegcool 14 лет назад #

Еще от автора

Онлайн радио обновление для v 1.10.1

Социальные кнопки внедряем в icms 1.10 (памятка)

Каталог с флеш - играми на основе УК

InstantCMS Team

О проекте

Поддержка

Дополнения