3

シナリオは次のとおりです。800kbのAdobeIllustratorファイルがあります。これはモールのトップダウン図であり、個々のショップにテキストがマークされています。平方フィート、可用性、数を示すメタデータ。

インタラクティブな方法でこれをWebに配置するにはどうすればよいですか？PDFをWebにエクスポートするだけですが、それは素晴らしい経験ではありません。ズームインして詳細を表示し（大きなモールです）、クリックして個々のスペースに関する電子メールまたはメッセージを送信して、それについて問い合わせることができるようにしたいと思います。

4〜8年前の場合、当然の答えはMacromediaAdobeFlashです。しかし、私たちは今、人々が自分の携帯電話でこれらのものを見たいと思っている時代にいます。

合理的にうまく機能する方法でこれを行うことは可能ですか？svgwebを使用してファイルをロードしようとしましたが、ファイルのサイズが原因で、ブラウザー（任意のブラウザー）が停止しました。

クロスブラウザ、ズーム可能、インタラクティブなマップの例は何ですか？

この分野で人々はどのようなツールやライブラリで成功していますか？ここではGISツールは価値があるように感じますが、やり過ぎかもしれません。

4

2 に答える 2

2

グーグルマップに似たタイル張りのアプローチを使いたい場合は、ポリマップをチェックしてください。

svgが大きい場合は、詳細レベル/レイヤーまたはタイルのいずれかで分割することをお勧めします。詳細レベルはCSSメディアクエリなどで実行できますが、それ自体ではファイルサイズが小さくなるわけではないことに注意してください。ただし、ルックアンドフィールにプラスの効果があるはずです。

すべてのsvg対応ブラウザで機能するシンプルなズーム＆パンコントロールが必要な場合は、その例を次に示します。

于 2011-04-10T10:40:37.803 に答える
1

Adobe Illustrator は SVG にエクスポートできるので、検討する価値があります。

また、画像をラスタライズしてタイルにカットすることを検討しましたか? Google マップのようなものを作成できます。

于 2011-04-10T08:15:02.197 に答える