Googlemap上にマーカーを設置して、
マーカーをクリックすると吹き出し(インフォボックス)が
出てきて、吹き出しの中にテキストやリンクを表示させています。
そこから、吹き出しの中にあるリンクをクリックすると
そのページへポップアップ(ライトボックス)の形で
遷移させようとしています。
JavaScriotでtriggerなどの機能を使えば実現できそうですが、
吹き出し内のリンクからクリックイベントを起こすことができません。
マーカーからのクリックイベントについては
多くのサイトで取り上げられていますが、
吹き出しのリンクからのクリックについて
有力な情報が見当たりません。
英語のサイトを見ると「OnInfoWindowClickListener」という
機能を発見したのですが、これが使えるかどうかも分かりません。
吹き出しの中にあるリンクからクリックイベントを
起こす方法はありますでしょうか。
もしあれば教えていただけませんでしょうか。
マーカーから吹き出しを出す仕組みは以下の通りです。
google.maps.event.addListener(marker, 'click', function() { infoWindow.setContent(html); //◆インフォウィンドウ内に表示するコンテンツをセット infoWindow.open(map,marker); //◆インフォウィンドウオープン });
ちなみに、吹き出しのリンクからクリックイベントを起こそうとする前は
マーカーをクリックするとクリックイベントが起こるようにしていました。
そのソースも載せておきます。
google.maps.event.addListener(marker, 'click', function(){ $('#'+i).trigger('click'); });
また、吹き出しの中にあるクリックイベント起こすリンクの
classはiframeとします。