Как делать интерактивные карты в HTML
Sep. 30th, 2017 12:24 amУвы, ни Дримвидз, ни ЖэЖэ вам этого сделать не позволят - они редактируют все под себя. А вот гуглевский блогспот, как и любая CMS, работающая напрямую с HTML (и конечно статичная страница) - лехххко.
Берем svg-файл с нужной картой. Например, в той же википузии. Загоняем в бесплатный онлайновый svg редактор. Я брал http://www.drawsvg.org/, но тут кому что больше глянется. Дорисовываем надписи, выноски, легенду и все, что нам надо.
Сохраняем svg к себе, открываем блокнотом и вставляем в HTML страницу.
ВСЕ!!! Теперь каждый объект этой карты стал объектом страницы. И вы можете пользовать для него CSS или JavaScript, реагировать на перемещение мыши и клики, связывать с другими элементами страницы (например таблицей), менять заливку или надписи в зависимости от вычислений, выводить всплывающие подсказки и т.д.
Старые браузеры могут svg не отрисовывать, но такова цена прогресса )))
Берем svg-файл с нужной картой. Например, в той же википузии. Загоняем в бесплатный онлайновый svg редактор. Я брал http://www.drawsvg.org/, но тут кому что больше глянется. Дорисовываем надписи, выноски, легенду и все, что нам надо.
Сохраняем svg к себе, открываем блокнотом и вставляем в HTML страницу.
ВСЕ!!! Теперь каждый объект этой карты стал объектом страницы. И вы можете пользовать для него CSS или JavaScript, реагировать на перемещение мыши и клики, связывать с другими элементами страницы (например таблицей), менять заливку или надписи в зависимости от вычислений, выводить всплывающие подсказки и т.д.
Старые браузеры могут svg не отрисовывать, но такова цена прогресса )))