FLASHでのクリッカブルマップについて

質問

私の質問を見て下さいまして、ありがとうございます。

私は建設会社のホームページの更新などを担当しております。

予め「当社で建築した家の場所を記した地図画像」を用意しておきます。
その記した部分にリンクを複数箇所設定したいと思っています。（クリックすると、その建築物の詳細（○○マンション　間取りなど）

方法を検索していたところ、この方法でできそうだというページにぶつかりました。

http://okwave.jp/qa/q3883764.html

ただ、このページでわからないのが、FLASHの部分で、私の場合

ＦＬＡＳＨとActionScriptで「_xmouse」と「_ymouse」で、マウスの位置がわかれば、マウスをクリックしたとき○○ページへリンクというような設定にしたいのです。

FLASHの部分がわからなくて悩んでおります。

どなたかわかる方、よろしくお願いいたします。

回答No.2

01140524 · ベストアンサー

改めて、回答します。

まず、補足に対しての答えを。
（2）の設置したテキストエリアをダイナミックテキストにする。部分がわからないということですが、クリッカブルマップには一切関係ないですよ。
そのURL内のFLASHで、マウスのX座標とかマウスのY座標って書いてありますよね？
そこの部分を作るのに必要なだけなので。

本題ですが、
「当社で建築した家の場所を記した地図画像」っていうのがあるんですよね？
それって、１枚の画像ですか？それとも、一枚の大きい画像に複数の画像を配置しますか？

とりあえず、両方説明します。

--------------------------------------------------
(添付画像を見て下さい)

１枚の画像(当社で建築した家の場所を記した地図画像のみ)だった場合。
四角・丸・三角がリンク部分とします。
この、四角の範囲をマウスの座標であらわすと、X軸が10～40の範囲でY軸が10～30の範囲にとします。
この時に、前回に回答したif文を使うといけるはずです。↓↓↓
if( (xx < 40 && 10 <= xx ) && (yy < 30 && 10 <= yy) ){
四角ページへリンク
}
こんな感じで、クリックされた際のマウスの座標位置を基にリンクの場所を決めれます。

--------------------------------------------------

(こちらの方が簡単です。)こちらを、オススメします。

一枚の大きい画像(当社で建築した家の場所を記した地図画像のみ)に、
複数の画像を配置(リンクとなる部分の画像)する場合。

あらかじめ、リンクとなって欲しい部分をフォトショとかで、切り抜いて下さい。
そして切り抜いた部分をそれぞれ画像形式(jpgとか)で保存。
１．"当社で建築した家の場所を記した地図画像"をステージ内に配置します。
２．その画像の上に、切り抜いた画像を配置してください。
３．あとは、それぞれの切り抜いた画像をシンボル化。
４．それぞれのシンボル化された画像毎に、異なるリンク先を設定。

--------------------------------------------------

補足

重ね重ね教えていただき、ありがとうございます。
素人の私にもわかりやすい親切な説明で本当に助かります。

ところで、確認と質問があります。
・確認
１枚の画像の説明はFLASHのソフトを使用した場合の説明ですよね？
おすすめの方は、画像加工にフォトショップそのあとFLASHソフトにてということで理解して良いのでしょうか？
いずれもクリッピングマップの作成時はFLASHソフトを使用すると仮定しての説明ですかね？

・質問
　1枚の画像の説明で
「四角の範囲をマウスの座標であらわすと、X軸が10～40の範囲でY軸が10～30の範囲にとします。」
とありますが、FLASHの何か（ごめんなさい素人で何もわからず＞＜；）で、自動でX.Y座標を認知し、クリックしたときに
指定したリンク頁にうつるというように、できないでしょうか？
質問時のURLは、それができるよ。ということかなと理解してしまったのですが、如何なのでしょうか？

回答No.3

01140524

画像の添付がうまくいきませんでした。。。

お礼

いろいろご回答くださりありがとうございました。
普通にソフト使用で問題なくできました。

どうもありがとうございました。

回答No.1

01140524

「_xmouse」と「_ymouse」ということで、AS2でお間違いないですよね？
質問時は、バージョンについての記載もあるといいと思います。

自分もAS自体、あまり得意ではないので自信ないのですが・・・
下記の様なソースでどうでしょうか？

xx = シンボル名._xmouse;
xx = シンボル名._ymouse;
stage.addEventListener(MouseEvent.CLICK,link);

function link(e:Event) {
if( (xx < 200 && 100 <= xx ) && (yy < 200 && 100 <= yy) )
○○ページへリンク
else if( (xx < 300 && 200 <= xx ) && (yy < 300 && 200 <= yy) )
○○ページへリンク
}

補足

ご回答くださりありがとうございます。
回答してくださる方がいなかったので、半ばあきらめかけていました。
ご好意に感謝いたします。

ただ、私もアクションスクリプトの知識が全くなく、せっかく下さった回答なのですが、残念ながら理解することができません。

ソフトは、adobeCS5　FLASHを持っているためActionScript3.0でも大丈夫なのですが、検索していたURLのバージョンはおっしゃる通りActionScript2.0のようです。

もっと具体的に私の質問を詰めますと、
http://html.eweb-design.com/0603_map.html#
↑こちらのマップの見本のようなことがしたいのですが、

「ＦＬＡＳＨとActionScriptなら、「_xmouse」と「_ymouse」で、マウスの位置が分かり、
クリッカブルマップをＰＨＰで書けば、できます」

となっているので、

http://flashrave.org/as/mouse/index.html
↑こちらをヒントにして、クリックすると別のページへリンクするという感じにできたらと考えているのです。

そこでこちらのページを参考に自分でも試してみたいと思うのですが
（2）の設置したテキストエリアをダイナミックテキストにする。
という部分が私のCS5とタイムライン部分の表示が違っていてわからないのです。

6535366さんの回答にも説明を付けてくださると大変助かるのですが。
お手数かけて申し訳ありませんm(__)m