Создание интерактивной карты.

@okarien · Регистрация: 14.09.2011

Author24 — интернет-сервис помощи студентам

Не подскажете, какими технологиями воспользоваться, что бы на создать карту(со скроллингом, и так далее), объекты которой вырисовывались бы по данным из БД. С возможностью клика по этим объектам(перехода по ссылку допустим).
JavaScipt или flash? Или рисовать BMP в памяти, сохранять в файл, и потом делать imgMap?(только в данному случае при каждом сдвиге карты придется перегружать всю страницу видимо, или как аякс допустим?)

(Задача нарисовать трубопроводы с перемычками(и другими технологическими объектами), что бы по каждому элементу можно было получить информацию. )

И хотелось бы это карта функционировала в рамках проекта написанного по архитектуре MVC.

@Alligieri · 14.09.2011, 15:54

okarien, советовал бы юзать html5 (canvas)+jquery. В канву можно грузить картинки, масштабировать их, легко сдвигать координаты контекста и т.д. Ну и еще как вариант SVG

@okarien · 14.09.2011, 16:03 **[ТС]**

а какие картинки грузить в канву? эти картинки я в какой момент нарисую? Газопродов рисуется сходя из его узлов, как прямая соединяющая его. Тут нет же готовых картинок.

@Alligieri · 14.09.2011, 16:11

Сообщение от okarien

а какие картинки грузить в канву? эти картинки я в какой момент нарисую?

картинки города там, страны, предприятия, план участка на котором трубопровод

Сообщение от okarien

Газопродов рисуется сходя из его узлов, как прямая соединяющая его. Тут нет же готовых картинок.

Рисуйте динамически, канва для этого и создана. Со стороны сервера приходят координаты, javascript рисует трубопровод на канве например

@okarien · 14.09.2011, 16:30 **[ТС]**

Ок, спасибо, буду в этом направлении разбираться.

@erthalion · 14.09.2011, 18:59

мне почему-то кажется, что svg здесь более уместно. чтобы упростить задачу, можно воспользоваться raphael

@okarien · 15.09.2011, 12:30 **[ТС]**

http://w3pro.ru/article/svg-il... sti-vybora вот интересная статья

@okarien 0 / 0 / 0 Регистрация: 14.09.2011 Сообщений: 4
		1
	Создание интерактивной карты. 14.09.2011, 15:51. Показов 6749. Ответов 6 Метки нет (Все метки) Не подскажете, какими технологиями воспользоваться, что бы на создать карту(со скроллингом, и так далее), объекты которой вырисовывались бы по данным из БД. С возможностью клика по этим объектам(перехода по ссылку допустим). JavaScipt или flash? Или рисовать BMP в памяти, сохранять в файл, и потом делать imgMap?(только в данному случае при каждом сдвиге карты придется перегружать всю страницу видимо, или как аякс допустим?) (Задача нарисовать трубопроводы с перемычками(и другими технологическими объектами), что бы по каждому элементу можно было получить информацию. ) И хотелось бы это карта функционировала в рамках проекта написанного по архитектуре MVC. 0

@Alligieri CEO 2258 / 1248 / 57 Регистрация: 16.03.2009 Сообщений: 3,588
	14.09.2011, 15:54	2
	okarien, советовал бы юзать html5 (canvas)+jquery. В канву можно грузить картинки, масштабировать их, легко сдвигать координаты контекста и т.д. Ну и еще как вариант SVG 1

@okarien 0 / 0 / 0 Регистрация: 14.09.2011 Сообщений: 4
	14.09.2011, 16:03 [ТС]	3
	а какие картинки грузить в канву? эти картинки я в какой момент нарисую? Газопродов рисуется сходя из его узлов, как прямая соединяющая его. Тут нет же готовых картинок. 0

@Alligieri CEO 2258 / 1248 / 57 Регистрация: 16.03.2009 Сообщений: 3,588
	14.09.2011, 16:11	4
	Сообщение от okarien а какие картинки грузить в канву? эти картинки я в какой момент нарисую? картинки города там, страны, предприятия, план участка на котором трубопровод Сообщение от okarien Газопродов рисуется сходя из его узлов, как прямая соединяющая его. Тут нет же готовых картинок. Рисуйте динамически, канва для этого и создана. Со стороны сервера приходят координаты, javascript рисует трубопровод на канве например 1

@okarien 0 / 0 / 0 Регистрация: 14.09.2011 Сообщений: 4
	14.09.2011, 16:30 [ТС]	5
	Ок, спасибо, буду в этом направлении разбираться. 0

@erthalion 48 / 45 / 4 Регистрация: 29.03.2010 Сообщений: 233
	14.09.2011, 18:59	6
	мне почему-то кажется, что svg здесь более уместно. чтобы упростить задачу, можно воспользоваться raphael 0

@okarien 0 / 0 / 0 Регистрация: 14.09.2011 Сообщений: 4
	15.09.2011, 12:30 [ТС]	7
	http://w3pro.ru/article/svg-il... sti-vybora вот интересная статья 0