Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.79/33: Рейтинг темы: голосов - 33, средняя оценка - 4.79
25 / 25 / 10
Регистрация: 22.12.2012
Сообщений: 2,765

Интерактивная карта (изображение)

05.04.2014, 04:24. Показов 6201. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Пытаюсь создать Map area карты Москвы при помощи ресурса http://ru.crazysquirrel.ru/#!image_to_map_area. Открываю в Dreamweaver CS6 - все работает. В браузерах три зоны карты почему-то не активны. В чем может быть проблема? Может браузеры не понимают слишком длинный код карты?
Спасибо.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.04.2014, 04:24
Ответы с готовыми решениями:

Интерактивная карта
Здравствуйте. Подскажите, как можно сверстать подобного рода карту, как на скрине? Сама карта России - просто изображение, и на него...

Интерактивная карта по федеральным округам РФ
Помогите, пожалуйста, плохо разбираюсь в скриптах. И вообще можно ли без них обойтись в данном случае? http://www1.fips.ru/tiscs Нужно...

Интерактивная карта для сайта
Ребята подскажите как создать вот такую карту как тут http://obyavleniya.info/ сам svg фаил я сделал вот он...

10
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,531
05.04.2014, 07:05
html с родной картинкой давай, и подумай об уменьшении количества точек на карте, нет смысла делать карту с пиксельной точностью, срезай "углы", небольшие вогнутости/выпуклости....
Цитата Сообщение от morda77 Посмотреть сообщение
Может браузеры не понимают слишком длинный код карты?
Ни когда не слышал о таком ограничении.
0
25 / 25 / 10
Регистрация: 22.12.2012
Сообщений: 2,765
05.04.2014, 17:32  [ТС]
Цитата Сообщение от newJS Посмотреть сообщение
Ни когда не слышал о таком ограничении.
Тогда зачем срезать углы? Ведь упрощая карту мы уменьшаем длину кода?
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,531
05.04.2014, 21:23
Цитата Сообщение от morda77 Посмотреть сообщение
Тогда зачем срезать углы?
Для того чтобы уменьшить количество точек, провести одну прямую вместо загогулины, срезав все мелкие уголочки, выступы.
Цитата Сообщение от morda77 Посмотреть сообщение
Ведь упрощая карту мы уменьшаем длину кода?
Об этом и говорю.
Но это хозяйское дело.
0
25 / 25 / 10
Регистрация: 22.12.2012
Сообщений: 2,765
05.04.2014, 21:40  [ТС]
newJS, Ну, так я прав, на счет нечитания браузерами длинных кодов? Ведь иначе, зачем уменьшать количество точек? Я первый раз Вас об этом, вообще-то, и спрашивал.
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,531
05.04.2014, 21:58
Цитата Сообщение от morda77 Посмотреть сообщение
Ну, так я прав, на счет нечитания браузерами длинных кодов?
Так я и ответил, не попадалось, хотя ограничение вполне может быть, причем в разных браузерах разное.

Будет код с картинкой, возможно, будет и что то более конкретное, а сейчас из пустого в порожнее.
0
25 / 25 / 10
Регистрация: 22.12.2012
Сообщений: 2,765
05.04.2014, 22:26  [ТС]
newJS,
Вот картинка.
Код сюда вставлять пробовал. Сайт ругается на превышение количества символов.
Миниатюры
Интерактивная карта (изображение)  
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,531
06.04.2014, 06:52
Так это к html-картам отношения не имеет, это совсем другое, здесь размер вряд ли уменьшишь. Мне эта идея не понравилась сразу и я "забыл" о ее существовании. Технология дает не карту, а ее контур и огромный вес скриптов.

P.S.
Цитата Сообщение от morda77 Посмотреть сообщение
Пытаюсь создать Map area карты Москвы
Меня эта фраза с толку сбила.
Может попробовать создать настоящую Map area?
Я бы поразлекался ради интереса, но у меня нет приличной картинки, да и не понятно, что именно нужно выделять.


Цитата Сообщение от morda77 Посмотреть сообщение
Сайт ругается на превышение количества символов.
Такое архивом выкладывают.
0
25 / 25 / 10
Регистрация: 22.12.2012
Сообщений: 2,765
06.04.2014, 07:01  [ТС]
newJS,
Ок. Вот архив: map.loc.rar
Только мне надо знать, как самому это сделать.)
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,531
06.04.2014, 07:27
Так это не карта, это контур(мне уже не интересно). Тут можно уменьшить количество точек, или "руками" или в спец программах или на сервисе создающем map area. Спрямлять все мелкие загогулины, кому они нужны, кто будет целиться или присматриваться.
Цитата Сообщение от morda77 Посмотреть сообщение
как самому это сделать.)
Что именно сделать? могу предположить что подсветку наведенной области, но это гадание.
0
25 / 25 / 10
Регистрация: 22.12.2012
Сообщений: 2,765
06.04.2014, 15:06  [ТС]
newJS,
Ну, так что конкретно посоветуете?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.04.2014, 15:06
Помогаю со студенческими работами здесь

Интерактивная карта, скошенные границы
Как сделать скошенные границы сверху и снизу сайта (см. скрин) Чтобы не затрагивать область интерактивной карты.

Интерактивная карта для сайта
Всем доброго времени суток! На этом сайт, на Главной есть карта России. При наведении на регион он меняет цвет. Мне нужно сделать...

SVG интерактивная карта, съезжают области
Приветствую, требуется создать кликабельную интерактивную карту. Взял за урок ролик с ютуб. При реализации данного урока возникли некие...

карта-изображение
Здравствуйте! Я только начинаю изучать программирование и нужна помощь в оценке кода. Верно я его понимаю? Две картинки-карты,...

Карта-изображение
Не получается сделать карту изображение <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru