1

見つけられるものはすべて読みましたが、単純なものを見落としている可能性があります。キャンパスの地図があり、すべてが適切に強調表示され、選択されています。私が抱えている唯一の問題はこれです:クリックすると、各建物が情報バブルをポップアップします。それらのバブルには「X」の閉じるボタンがあります。クリックしたときに建物の選択を解除しようとしています。(残念ながら、ライブ リンクを提供することはできません。現在、スタッフ/学生のみがアクセスできます)。

マップの設定は次のとおりです。

<img id="campus" style="top:420px; right:600px;" class=map src="localhost/display/images/map_off.jpg" usemap="#world" >

<map id="world" name="world" >                                                                                                                                

<area data-name="12" id="22" onclick="show_me(''12'')" shape="poly" coords="717,219,725" href="#/" alt="Building 1" />
<area data-name="22" id="22" onclick="show_me(''22'')" shape="poly" coords="693,459,699,459,693,472" href="#/" />
<area data-name="1" id="1" onclick="show_me(''1'')" shape="poly" coords="50,103,303,103,303,154,50,154,50,103" href="#/" alt="Building 2 /">
<area data-name="2" id="2" onclick="show_me(''2'')" shape="poly" coords="311,103,455,103,476,123,476,194,315,194" href="#/" alt="Building 3" />

等々...

セットアップ:

$(document).ready(function() {
      map = $("#campus");
      map.mapster({
              fillOpacity: 1,
              singleSelect: true,
              render_highlight: {
                 altImage: "localhost/display/images/map_on.jpg"
              },
              render_select: {
                 altImage: "localhost/display/images/map_on.jpg"
              }
      });    
});

そして私の閉じる機能：

クローズ機能:

function closeWindow() {
          var selected_area = map.mapster(''get'');
          alert(selected_area); //this shows the correct map_key

          var select_status = map.mapster("get",map_key);
          alert(select_status); //but this shows 'false'

          $("#display_bubble").css("display","none");

        }

何か案は？何か小さなものを見落としているような気がしますが、見つけられません。

4

1 に答える 1

1

これが他の誰かに発生した場合に備えて、オプションの下に「mapKey」を設定しました：の代わりに：

$(document).ready(function() {
  map = $("#campus");
  map.mapster({
          fillOpacity: 1,
          ...
  });
 options:({   
   mapKey: "data-name",
   ...

});

それはする必要がありました：

$(document).ready(function() {
  map = $("#campus");
  map.mapster({
          mapKey: "data-name",
          fillOpacity: 1,
          ...
  }); 
  options:({
          ...

});

于 2012-08-11T00:37:50.320 に答える