jVectorMap で作成された各マーカーにコンテキスト メニューをバインドしようとしています。ユーザーがマップ上のマーカーをクリックするたびにメニューがポップアップするようにします。
このコンテキスト メニューを使用しています: http://javascripttoolbox.com/lib/contextmenu/およびhttp://jvectormap.com/
私はこの素朴な(?)アプローチを試しましたが、運がありませんでした:
$(function(){
$('#world-map').vectorMap({
map: 'world_mill_en',
(code omitted...)
onMarkerClick: function(e, code){
var cmenu = $.contextMenu.create(menu1, {theme:'vista'});
cmenu.show(this, e);
},
クリックされているマーカーを に渡さなければならないからだと思いますcmenu.show()
。
したがって、onMarkerClick ハンドラー内で、クリックされた実際のマーカーへのハンドルを取得したいと考えています。code
指定されたパラメーターからそのインスタンスを取得するにはどうすればよいですか?
にアクセスしようとしましたthis.markers[code]
がthis
、タイプではないようですmap
。
contextMenu と jVectorMap を組み合わせることができない場合、マーカーがクリックされたときに表示される単純なダイアログを使用する代替アプローチを考えました。しかし、どうすればそれを行うことができるかについてはわかりません...
どんなアイデアでも大歓迎です!
オレ。