Google Maps APIをコピペで使い倒せ!Web初心者でもカスタマイズできるgmaps.js

Google Maps APIをコピペで使い倒せ!Web初心者でもカスタマイズできるgmaps.js

のびすけ

のびすけ

Context menu: 右クリックをカスタマイズする

Context menu

地図上での右クリック(コンテキスト)メニューをカスタマイズすることができます。表現の幅が広がりますね。

Map Types: 表示形式を変更する

Map Types

航空写真やOpen Street Mapのように表示させることもできます。Google Mapsらしさを出したくないときに便利かもしれません。

Geocoding: ジオコーディング(住所から緯度経度への変換)

Geocoding

座標を覚えていなくても住所でジオコーディングができるのは便利ですね。ジオコーディング単体では色々なAPIがありますが、その中でもこれは使いやすくて感動しました。

Routes: 移動ルートの表示

Routes

Google Mapsの行き先検索が使えます。曲がり角や信号などステップごとに描画することもできます。

KML layers: KMLファイルを読み込める

KML layers

KMLという地図情報をまとめたxmlベースのファイルを読み込むこともできます。

Street View Panoramas: ストリートビューを表示する

Street View Panoramas

なんとストリートビューにも対応していて、立体的な地図表示もできます。

Geolocation: 位置情報取得

Geolocation

HTML5のGeolocation APIもラップしてくれています。

機能の紹介はこれで以上です。
もちろんGoogle Maps APIを直接使わないと利用できない機能もありますが、かなり特殊な場合でなければgmaps.jsでおおよその機能面はカバーできると思います。

3. メンテナンスがされていて最新APIに対応している

ライブラリを選定するときにはメンテナンスが適切にされているか、API側のバージョンアップに対応しているかなどはチェックすべき点ですね。

655px

gmaps.jsはこの記事を書いた時点(2014年11月21日)から一週間前(11月14日)が最終コミットになっており、頻繁に開発が進められていることが分かります。
PullRequestやcontributorsの数も多いので常にメンバーの誰かが開発しているのかもしれません。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

のびすけ
のびすけ バックエンドエンジニア / 菅原 のびすけ

dotstudio株式会社 ( https://dotstud.io ) 岩手から上京してきました。 ギークハウスを経て、現在は0円シェアハウスに住んでいます。 好きなスポーツはフットサル/雪合戦/わんこそばです。 2015年は東京Node学園で登壇してみたいです。 ・milkcocoa公認エバンジェリストになりました。(https://mlkcca.com/) ・gihyo.jpで記事書いてます (http://gihyo.jp/dev/feature/01/milkcocoa-baas) ・html5experts.jpで記事書いてます。(https://html5experts.jp/n0bisuke/)

このメンバーの記事をもっと読む