質問編集履歴

4 ソースを修正

bird-toriyama

bird-toriyama score 23

2017/01/24 20:30  投稿

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

    25822 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Google API

    929 questions

    Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

  • Google マップ

    517 questions

    Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

3 リンクのクラス名を書きました。

bird-toriyama

bird-toriyama score 23

2017/01/24 20:25  投稿

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

    25822 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Google API

    929 questions

    Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

  • Google マップ

    517 questions

    Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

2 ソースを少し書きました。

bird-toriyama

bird-toriyama score 23

2017/01/24 20:21  投稿

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

    25822 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Google API

    929 questions

    Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

  • Google マップ

    517 questions

    Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

1 特になし

bird-toriyama

bird-toriyama score 23

2017/01/24 20:07  投稿

Googlemapで吹き出しの中にあるリンクからクリックイベントを起こすことはできますか
Googlemap上にマーカーを設置して、
マーカーをクリックすると吹き出し(インフォボックス)が
出てきて、吹き出しの中にテキストやリンクを表示させています。
そこから、吹き出しの中にあるリンクをクリックすると
そのページへポップアップ(ライトボックス)の形で
遷移させようとしています。
JavaScriotでtriggerなどの機能を使えば実現できそうですが、
吹き出し内のリンクからクリックイベントを起こすことができません。
マーカーからのクリックイベントについては
多くのサイトで取り上げられていますが、
吹き出しのリンクからのクリックについて
有力な情報が見当たりません。
英語のサイトを見ると「OnInfoWindowClickListener」という
機能を発見したのですが、これが使えるかどうかも分かりません。
吹き出しの中にあるリンクからクリックイベントを
起こす方法はありますでしょうか。
もしあれば教えていただけませんでしょうか。
説明しやすくするために、吹き出し内にある
リンクのクラスはiframeとします。
  • JavaScript

    25822 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Google API

    929 questions

    Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

  • Google マップ

    517 questions

    Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る