Размещение файла .ai или .svg в Интернете без Flash - PullRequest
3 голосов
/ 10 апреля 2011

Итак, вот сценарий: у меня есть файл Adobe Illustrator на 800 КБ - это нисходящая схема торгового центра, где каждый отдельный магазин помечен каким-то текстом.Метаданные, показывающие квадратные метры, доступность, число.

Как бы я разместил это в Интернете таким интерактивным способом?Я могу просто экспортировать PDF в Интернет, но это не очень хороший опыт.Я хотел бы иметь возможность увеличивать масштаб и видеть детали (это большой торговый центр) и, возможно, иметь возможность щелкнуть, чтобы отправить электронное письмо или сообщение об отдельном пространстве, чтобы сделать запрос об этом.

Еслиэто было 4-8 лет назад, естественный ответ: Macromedia Adobe Flash, конечно!Но сейчас мы живем в эпоху, когда люди хотят видеть эти вещи на своих телефонах.

Возможно ли сделать это так, чтобы это работало достаточно хорошо?Я попытался загрузить файл, используя svgweb , но мой браузер (любой браузер) остановился, я думаю, из-за размера файла.

Какие примеры карт, которыекроссбраузерный, масштабируемый и интерактивный?

Какие инструменты или библиотеки имеют успех у людей в этой области?Такое ощущение, что ГИС-инструменты были бы здесь полезны, но могли бы быть излишними.

Ответы [ 2 ]

2 голосов
/ 10 апреля 2011

Если вы хотите использовать плиточный подход, похожий на карты Google, посмотрите polymaps .

Если у вас большой svg, то, вероятно, будет хорошей идеей разделить его,по уровню детализации / слоям или по плиткам.Уровень детализации можно сделать, например, с помощью медиа-запросов CSS , но имейте в виду, что сам по себе размер файла не уменьшается.Однако это должно оказать положительное влияние на внешний вид.

Если вам нужны простые элементы управления масштабированием и панорамированием, которые должны работать во всех браузерах с поддержкой svg , вот пример этого.

1 голос
/ 10 апреля 2011

Adobe Illustrator может экспортировать в SVG, который, возможно, стоит изучить.

Кроме того, вы рассматривали растеризацию и разрезание изображения на плитки? Вы можете сделать что-то похожее на Google Maps.

...