背景 - ホテルの小さなグループのサイトに取り組んでいます。彼らの現在のサイトには、各場所を指すマーカーが付いたイメージ マップがあります。問題は、アイコンが大きすぎることと、建設中の新しいホテルが多すぎることです。この方法を続けるのは現実的ではありません。部屋はありません。
私の解決策 - Codecany.com で jQuery Interactive SVG Map Plugin を見つけました。場所を特定し、マーカーを追加できます。マップには非常に多くの機能があり、ほぼ完璧なソリューションです。http://codecanyon.net/item/jquery-interactive-svg-map-plugin/1694201
問題 - マップはすでに多くの機能を備えていますが、必要なすべての機能を備えているわけではありません。ここに私が達成しようとしていることの短いリストがあります:
- 状態をクリックすると、その状態がビュー ボックスの中央に配置され、最大までズームインされます。
簡単に聞こえますよね？プラグインには、デフォルトのビューボックスを設定するために機能する「setViewBox」メソッドがあり、onClick を呼び出すと、必要なことだけを実行し、ズームインして状態を中央に表示できます。ただし、次のことが起こっています。
- このように近いビューボックスにジャンプしても、マーカーは自動スケーリングされません。これは、サイトが現在直面している混乱の問題を解消するために必要です。また、マップの「ズーム」レベルには影響しません。1 から 5 まで拡大できるとします。状態をクリックすると、ズーム5にジャンプしたように見えますが、ズームしようとするとズーム1から始まるため、意図した以上にズームインでき、ズームアウトしません。混乱していないことを願っています。
- パンにも同様の状況があります。目的の結果を得るためにビューボックスを変更すると、クリックして押したままパンすると、カーソルがどこか別の場所をクリックしたと思われるように、突然マップの位置がずれます。
いくつかのコード例を提供したいのですが、どこから始めればよいかわかりません。プラグインをコピーして貼り付けることができず、コードが最小限です。
私が尋ねているのは、誰かがこのプラグインの経験があり、マーカーのズーム、パン、およびスケーリングを無効にすることなくビューボックスを操作する方法についてアドバイスを提供できるかどうかです。ありがとう。