グーグルマップを簡単に表示させてくれるツールのご紹介です。もうバージョンはV3に移行しないとV2だと表示されないので注意が必要ですね。
グーグルマップって意外と記述に手間がかかるんですけどこれを使うことでさくっと表示させて有効利用しちゃいましょうー
http://hpneo.github.io/gmaps/
コチラからgmaps.jsをダウンロードします。
スポンサーリンク
head部分に
とjqueryとgooglemapのAPIをgmapsのパスを通しておきます。
まず、単純に表示だけの場合は下記のように記述すればOK!場所は都庁です。
グーグルマップで都庁を中心として表示させます。あとは
#mapで表示させます。
簡単ですねー。
以下全文
Gmaps
ピンも配置させてみます。1つじゃなく2つ配置してみましょー
これで完璧!!
これをベースに検索して緯度経度がわかるものを作ってみました。
そのほかいろいろとサンプルがあるので実際に試してみるのも面白いと思います。位置情報を取得したり、ルート案内したり、グーグルマップを画像にしたりと様々な見せ方がありますので是非是非参考に見て下さい!
デモサイトは検索した住所から緯度経度の値がわかるようにしました。
1件のコメント