問題タブ [imagemapster]

私はImageMapsterを使用して、画像マップ領域の周りに塗りつぶしとアウトラインを生成しています。これにより、IEで、chrome、safari、Firefoxでまったく問題のないものが表示されないという問題が発生します。

http://sa-neighborhoodsustainability.org/map1a.php

IEで上記のリンクを開くと、白のままの2つの領域があります。これらは、より大きな領域と重なる領域であり、より大きな領域と同じ名前を共有するとともに、その領域の繰り返しとnohrefタグによって除外されます。

誰かアイデアがありますか？

ありがとう

http://www2.wou.edu/pls/wou2/jalcanter10.video_tour.p_main

このページは他のブラウザでは正常に動作しますが、何を見ればよいかわかりません。領域は点灯して選択されますが、2 番目の画像が表示される代わりに、領域が黒く塗りつぶされます。

ImageMapster マップの状態を選択してデータベースに保存し、それを取得して保存したマップを表示する簡単な方法はありますか?

例：いくつかの州を赤と緑（現在作業中）に色分けしてから、jQuery ajaxを使用してデータベースに保存したいと思います。後でマップに戻り、選択した色をデータベースから復元します。

私が知る必要があるのは、（キー、fillColor）を取得して復元する方法だけで、php と mysql を処理できます。

現在私は使用しています：

key = $('#mapimg').mapster('get');

すべてのキーを取得するには、fillColor も必要です。

ありがとう、ロバート・キャンベル

imageMapsterツールチップマップ内でマウスオーバーしたサムネイルを1つだけ取得するのに問題があります。実際、私のコードは、マウスオーバーごとにいくつかのサムネイルを繰り返し配置し続けています。

これが私のコードです：http：//jsfiddle.net/H3mRE/1/

助けていただければ幸いです。
ありがとうございました。

I'm having some trouble making ImageMapster highlight my map areas. In reading the documentation, I'm under the impression that by simply using $('img').mapster(); I should be able to see my map areas highlight with mouse over.

I'm not seeing this happen. I am able to select the areas, but they do not mouse over.

However, if I put onMouseOver and onMouseOut attributes on the map areas, then I can make the highlight function work.

Here's the crux of my issue. As I'm trying to integrate ImageMapster with some dynamic C# code, I am unable to put onMouseOver and onMouseOut attributes on the map area. The C# object WebControls.CircleHotSpot does not support custom attributes it seems.

So my question is two-fold:

1. How can I get map area highlighting to work with ImageMapster code only?
2. Is there a way to add attributes to the C# object WebControls.CircleHotSpot?

Here is the javascript and HTML markup that I am currently using.

JavaScript:

Markup:

jQuery アドインの Image Mapster がとても気に入っています。しかし、私は本当にレンガの壁にたどり着きました。登るのに助けが必要です。

次のことを行う必要があります。

1. インタラクションの前に、すべてのイメージ マップ エリアを境界線と色で強調表示します
2. 境界線と色が異なる可能性があるマウスオーバー ハイライトとマウスアウト ハイライト解除 (上記の状態 #1 に戻る) を有効にします。
3. 3 番目の異なる境界線と色で選択を有効にする

私は最初、次の JavaScript でそれができるだろうという印象を受けました。

マウスオーバー/マウスアウト (#2) と選択 (#3) をサポートしているように見えますが、希望どおりに領域を照らしません (#1)。

ImageMapster の経験が豊富な人に何か提案はありますか?

ありがとう！

私はまだjavascriptとjQueryに比較的慣れていないので、私にはわからない明らかな解決策である可能性があることに注意してください.

私はjQueryを参照しましたが、他のものには問題なく機能します。imagemapster 参照に何か問題があるのでしょうか? ここからダウンロードして、このように参照しました。「imagemapster.min.js」も入れたのですが、両方入っていても動かないし、どちらか単独で使っても動きません。

私はドキュメンテーションを読み、ほぼ正確に従いました (以下を参照) が、強調表示には文字通り何もしません。代わりに、位置を少し台無しにしてページを台無しにします。 mapster は位置とは何の関係もないはずなので、これは意味がありません。クリック可能な領域も上に移動し、位置がずれています。エラーも出ません。コードが通過するだけで、私が言ったこと以外は何も起こりません。はい、強調しようとしているイメージ マップは完全に機能しており、#downstairs、#upstairs、#offices はイメージ タグの ID です。

これは、画像と地図の html です。3 つすべてがこの形式を使用します。

http://www.outsharked.com/imagemapsterを使用しており、選択した領域を抽出して xml にフォーマットしたいと考えています。これは送信時に行うのが理想的です。

以下は、クリックすると選択した領域を返し、テキストをスパンに配置します

上記のhtml...

前もって感謝します。

私たちはウェブサイトを構築しています。そのためには、国のイメージ マップを含める必要があります。プロヴァンスをハイライト表示すると、マップの下にいくつかのコンテンツを表示する必要があります。

このために、jquery mapster を使用しています (私は実際には jquery プログラマーではないので、助けていただけるかもしれません)。

すべてが以下のコードで機能しますが、コンテンツが 1 行にある場合のみです。

たとえば、groningen: "<h1>Groningen</h1><p>test</test>",<--これは機能します

例えば

これは動作しません。

以下に私のjqueryコードがあります

出力

ImageMapster from hereを使用してイメージ マップを作成しています。

元の写真から切り取ったいくつかの画像でフォトショップ画像を作成しました。各画像は別のレイヤーにあります。

ここで、各オブジェクトのパス座標を取得する必要がありますが、すべての角にカーソルを合わせて各座標を手動で書き留める必要はありません。

このパスを取得する自動化された方法はありますか?

画像を送信してパスを取得できるアプリケーションまたは Web サービスがあるのではないでしょうか。

各レイヤーを個別にエクスポートしてからイラストレーターにインポートして形状をベクトル化しようとしましたが (形状は元の位置に保持されます)、座標パスをテキストとして取得する方法がわかりません。それを svg にエクスポートできますが、それは css イメージ マップに必要な同じ単純なコードではありません。