Вывод данных на jpeg

Тема в разделе "Как сделать...", создана пользователем anthrax, 9 апр 2009.

Статус темы:
Закрыта.
  1. anthrax

    anthrax Писатель

    Заблокирован
    Регистр.:
    30 окт 2006
    Сообщения:
    382
    Симпатии:
    198
    Не знаю как правильно описать пишу своими словами:

    необходимо реализовать следующую задачу:

    есть карта города к примеру в jpeg и разрешением 1024*768

    необходимо нанести точки - чтоб при просмотре он-лайн

    всплывало окошко - беря данные из БД (это на javascript-е сделаю)

    Меня интересует как можно проставить эти точки? Гуглмапы и т.д не советовать - т.к. специфическая задача. Карты будут разных городов и соответственно нужно везде в разных местах ставить

    Буду благодарен хорошему совету или кто поможет с реализацией.
     
  2. BDSG

    BDSG

    Регистр.:
    28 фев 2009
    Сообщения:
    203
    Симпатии:
    109
    в любом случае нужно координаты точек знать.. ну а дальше можно просто html тегами area и map.. их и оформить и js на них навесить по вкусу (js'ом в принципе и сами теги сгенерировать можно)..
    http://htmlbook.ru/html/area.html
    http://htmlbook.ru/html/map.html
     
  3. anthrax

    anthrax Писатель

    Заблокирован
    Регистр.:
    30 окт 2006
    Сообщения:
    382
    Симпатии:
    198
    Оказывается не я один такое искал. Но никто так толком и не ответил. Решил все сам. Причем довольно просто.

    Решение:

    На карте отмечаем точки (рисуем там что-то). Определяем координаты рисунка.

    И используем простой код:

    Код:
    <html>
    <body>
    
    <p>Click on the sun or on one of the planets to watch it closer:</p>
    
    <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
    
    <map name="planetmap">
      <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" />
      <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm" />
      <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm" />
    </map>
    
    </body>
    </html>
    
    
    В конечном итоге получается:
    Demo

    Думаю переменные ясны.


    Дальше - всплывающие подсказки используем javascript:

    http://www.bosrup.com/web/overlib/?Download

    Здесь качаем сам скрипт.

    Довольно все просто


    Спасибо всем кто откликнулся :D
     
Статус темы:
Закрыта.