TokyoOfficeLabs > GmapKit

GMapKitとは？

GMapKitは東京オフィスラボが提供するGoogleMapsAPIを使用した簡単地図作成サービスです。
GMapKitの特徴はプログラミング言語などの高度な知識を必要とせずホームページに JavaScriptコードを貼付けるだけでGoogleMapsを使用した地図を作成することができます。

Staff Blog(Engineer) / Staff Blog(Designer)

GMapKit導入手順

<script type="text/javascript">
<!--
address="プロットしたい場所の住所(必須)";
name="プロットした場所の名称(任意)";
link="プロットした場所の名称をクリックした時のURL(任意)";
icon="プロットしたときに表示されるアイコンURL(任意)";
description="プロットした場所の詳細情報(任意)";
format="地図の大きさを指定 横*縦(任意)";
zoom = ズームレベル 0-17;
control="縮尺メーターの表示 large or small(任意)";
scale="スケール表示 on or off(任意)";
//--></script>
<script type="text/javascript" src="http://labs.tokyooffice.jp/gmapkit/javascripts/show.js"></script>

GMapKitの導入例

<script type="text/javascript">
<!--
address="東京都港区西麻布3-2-12";
name="東京オフィス株式会社";
link="http://labs.tokyooffice.co.jp/";
icon="http://www.tokyooffice.co.jp/map/images/To.png";
description="〒106-0031<br />東京都港区西麻布3-2-12　西麻布ソニックビル6F";
format="400*400";
zoom = 16;
control="small";
scale="on";
//--></script>
<script type="text/javascript" src="http://labs.tokyooffice.jp/gmapkit/javascripts/show.js"></script>

サンプル

GMapKitで複数プロットする場合

GMapKitで複数の地点にプロットする場合にはジャバスクリプトの変数で【callback_url】を指定する必要があります。
GMapKitにリクエストがあった場合にGMapKitは【callback_url】先に通信をしにいきます。
【callback_url】で指定されたURLからはJSON形式のデータを返す必要があります。

JSONフォーマット

こちらからフォーマットを参照してください。
複数プロットしたサンプル

なお、GMapKitを利用した方はこちらよりご連絡ください。(atを@に変換してください)

GMapKitを使用しているサービス