Googleマップの横に地点のリストを並べて、リストをクリックするとマップ上ではマーカー地点にヒュッと移動して、パッと説明窓を表示する方法です。 Google maps APIを使って作ります。 デモページ デモページ HTML Google maps APIを使うので、まずGoogleから直接APIを呼び出します。 バージョン3を使用しています。 その下に今回のJavascriptを呼び出します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="map.js"></script> 地図とリストの呼び出し部分です。 <div id="map_canvas" style="widt
サイト内にGoogle mapを埋め込むことって最近増えましたよね。 いつも会社案内のアクセスの地図は、Google mapを使わせてもらってます。 マーカー（ピン）1つの場合、Google mapで生成される埋め込みコードをサイト内に設置すればいいんですが、仕事で複数のマーカーを設置したいという要望がありました。 APIを使えばできるとは耳にしたことあったんですが、設置したことないです。 さらに要望は増え、設置したマーカーに吹き出しをつけて、その吹き出しからリンク先に飛ぶようにしてほしいとのこと。 ん～そんなことできるのか？ 調べてみたらできるようです。 【googleマップ】リストをクリックすると、地図内のマーカーに移動し吹き出しを表示する を参考にして作成しました。 KLUTCHEさんありがとうございます！！助かりました。 参考にしたものは、ラベルと画像をいれていましたが、テキストの
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
