スポンサードリンク

Tag Archives: インフォウィンドウ

アイコン(マーカー)+インフォウィンドウ地図に表示/Google Maps JavaScript API V3

Google Maps API v3で地図を表示させたので、こんどはやはりマーカーとインフォウィンドウ(情報ウィンドウ)を表示させてみる。マーカとインフォウィンドウは最低限使います。

先生は、googleコードのインフォウィンドウの箇所。オーストラリアの中央にマーカーを表示し、マーカーをクリックすると情報ウィンドウが表示されるもの。

◆Google Maps V3 インフォウィンドウ

うーむ。気になったのは、インフォウィンドウの大きさ。

設定は、情報ウィンドウのサイズは自動調整だが、設定出来るようだ。なお、インフォウィンドウの縦・横スクロールを無効にするには、どうしたらいい?

InfoWindowOptions オブジェクトの仕様

Read more »

Google Maps API で地図を表示する

  1. ともかくGoogle Mapsを表示させるサンプル
  2. マップ初期表示の地図種類を変更したサンプル
  3. Google Map(地図)にアイコン(マーカー)を表示させたサンプル
  4. GmarkerManager+XMLファイル読み込みサンプル
  5. YouTubeをインフォウィンドウ(info-window)に表示させる(マーカー数1:大きいインフォウィンドウ)
  6. YouTubeをインフォウィンドウ(info-window)に表示させる(マーカー数2:小さいインフォウィンドウ)
  7. PHP5 +MySQL+サイドバー(sidebar)表示サンプル
  8. PHP5 +MySQL+サイドバー(sidebar)+アイコン(マーカー)種類を変更した表示サンプル

Youtube 動画を吹き出し(情報ウィンドウ/インフォウィンドウ)に表示するサンプル/Google Maps API

Google Maps V3用はコチラ

Google Maps の地図上で、アイコン(マーカー)をマウスクリックするとYoutube 動画を吹き出し(インフォウインドウ)に表示するサンプルです。
◆HTMLサンプル

<body onload=”load();onunload=”GUnload();“>
<div id=”map100″>Loading…</div>

Read more »

2 / 212

スポンサードリンク