Follow Us.RSS

2009年5月18日(月)GoogleMaps 連携 DB をつくろう!

「GoogleMaps 埋め込み」フィールドを用意するだけ!簡単です!

CMONOS.JP には「GoogleMaps 埋め込み」フィールドタイプが用意されています。サンプル2の法務局一覧のようなデータベースを作るには、「テーブルメーカー」に「GoogleMaps 埋め込み」フィールドタイプを追加します。やってみるととても簡単です。

ちなみに、「GoogleMaps 埋め込み」フィールドタイプは、「Google Maps API キー」が設定されていないと使うことが出来ません。まずは Google のサイトで「Google Maps API キー」を取得し、「セットアップアシスタント」の「管理情報変更」の「Google Maps API キー」欄に、取得した「Google Maps API キー」を設定してください。

現在のバージョンでは Google Maps API v3 に置き換わっていますので、Google Maps API キー は必要ありません。

サンプル2の法務局一覧。フロートする検索ボックスに条件を入力すると該当するレコードのみ表示されます。この画像では「大阪管内」に属する法務局のみ表示しています。

さて、「Google Maps API キー」の準備ができたので、さっそく「テーブルメーカー」をインストールしましょう。「テーブルメーカー」は簡易ウェブデータベースです。

セットアップアシスタントの CGI インストーラー。テーブルメーカーをチェックして、フォルダ名を入力し、インストールします。

次にインストールした「テーブルメーカー」の環境設定に移動し、「入力フィールド設定」を開きます。デフォルトの状態ではギャラリー用の設定になっています。フィールドの構成をまったく別のものにする場合は、いったん全て削除します。

GoogleMaps 表示を有効にするには、「GoogleMaps 埋め込み」フィールドタイプが最低一つ必要です。

法務局一覧の入力フィールド設定。法務局の情報を入力するためのフィールドが設定されています。「地図」というフィールド名の「GoogleMaps 埋め込み」フィールドタイプがありますね。

「入力フィールド設定」の下の方にある「特殊フィールド」の「座標フィールド」に「GoogleMaps 埋め込み」フィールドを指定します。GoogleMaps 表示では、「座標フィールド」に指定された「GoogleMaps 埋め込み」フィールドの情報を利用します。

「特殊フィールド」の「座標フィールド」指定を忘れずに。

これでサンプル2の法務局一覧のような GoogleMaps と連携したデータベースの完成です!

このとき入力欄は次のようになります。KML に関連情報を全て記述しているわけではないことにご注意ください。地図を使ってレコードと関係のある座標を指定しているだけです。なお、KMLを指定した場合は、KMLに記述された最初の座標が、レコードの座標となります。

法務局一覧の入力画面。

いかがでしたか? 通常のウェブデータベースに「GoogleMaps 埋め込み」フィールドを加えて「座標フィールド」に指定すれば、自動的に GoogleMaps 表示が有効になる、というわけです。

「ホームページメーカー」の地図インデックスも同様に「GoogleMaps 埋め込み」フィールドを加えて「座標フィールド」に指定し、GoogleMaps インデックスタグ「<!--gmap--><!--/gmap-->」をテンプレートに設定するだけ。意外と簡単なので、ぜひ試してみてください!

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | 地図で物件検索!「不動産サイト」

2010年3月15日 ...Google マップを利用した物件検索や会社概要ページがあらかじめ組み込まれています 。 ... サイト URL に対応した「Google Maps API キー」を取得し、「セットアップ アシスタント」の「管理者情報変更」で「Google Maps API キー」を設定します。
https://cmonos.jp/blog/2010031502/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | Google Maps API v3 に対応しました

2010年9月15日 ...Google Maps API v3 に対応しました。API キーが必要なくなったほか、ストリートビュー の操作が Googleマップと同様のものとなり、分かりやすくなりました。
https://cmonos.jp/blog/2010091500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 導入事例の裏側大公開!「東龍」様 編

2010年11月25日 ... お店の看板をマウスオーバーすると、Googleマップ上で関連する情報ウィンドウが開き ます。Googleマップ上のマーカーに関連するリンクをマウスオーバーすると情報 ウィンドウが開くのは、CMONOS.JP にはじめから用意されている機能です。
https://cmonos.jp/blog/2010112500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | PayPal ってこんなにすごい!

2009年12月7日 ...API 信用証明書は、PayPal の「個人設定」「アカウント情報」「API アクセス」から取得 できます。 APIアクセスの画面. 「APIアクセス」画面。「オプション 2- API 信用証明書を 請求して API ユーザー名とパスワードを作成します」の「API 証明書の ...
https://cmonos.jp/blog/2009120701/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | PayPal をもっとわかりやすくする方法

2010年1月16日 ... PayPal API のオプション「LandingPage」を使おう! PayPal の SetExpressCheckout API には、「LandingPage」というオプションがあります。これは、 ユーザーが PayPal に移動したとき最初に表示するページを指定するものです。
https://cmonos.jp/blog/2010011600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | カレンダーを施設予約に使おう

2011年2月22日 ... ... で公開している軽快な WYSIWYG HTML エディタです。MIT ライセンスに基づき、 日本語版を作成しましたので、よろしければどうぞ。ファイル数が少ないので、いろいろ... https://cmonos.jp/blog/2010010800/1.shtml. » Google で検索する.
https://cmonos.jp/blog/2011022200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | PayPal VS Google Checkout

2009年12月7日 ... 今回 PayPal に対応するにあたって、Google Checkout についても調べてみました。 Google Checkout は、何年か前に日本でも利用できるようになったと話題になっていた 記憶があるのですが、今は使えなくなっているよ...
https://cmonos.jp/blog/2009120702/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | iPhone から画像をアップロードしよう

2011年4月26日 ... iPhone の Safari には一つだけ大きな弱点があります。それは、未だにファイル アップロードが無効化されていること。CMONOS.JP の最新版では写真共有サービスを 中継することでこの問題を解決しました。
https://cmonos.jp/blog/2011042602/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | さくらで、快適 CMONOS.JP!

2009年7月17日 ... サイトテンプレートを適用するには? サイトテンプレートを適用する前に、Google マップ を使えるようにしましょう。サイト URL に対応した「Google Maps API キー」を取得し、「 セットアップアシスタント」の「管理者情報変更」で「Google Maps ...
https://cmonos.jp/blog/2009071700/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | もっと、Googleマップ!

2010年4月20日 ... これを機会にフィールドタイプ名が完全に日本名化され、「GoogleMaps 埋め込み」 フィールドから「Googleマップ」フィールドに。 ウェブデータベース「テーブルメーカー」と ブログやコラムを書き出す「ホームページメーカー」で、記事中の地図から ...
https://cmonos.jp/blog/2010042000/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月] 1
[火] 2
[水] 3
[木] 4
[金] 5
[土] 6

[日] 7
[月] 8
[火] 9
[水] 10
[木] 11
[金] 12
[土] 13

[日] 14
[月] 15
[火] 16
[水] 17
[木] 18
[金] 19
[土] 20

[日] 21
[月] 22
[火] 23
[水] 24
[木] 25
[金] 26
[土] 27

[日] 28
[月] 29
[火] 30
[水]
[木]
[金]
[土]


[日]
[月]
[火]
[水]
[木]
[金] 1
[土] 2

[日] 3
[月] 4
[火] 5
[水] 6
[木] 7
[金] 8
[土] 9

[日] 10
[月] 11
[火] 12
[水] 13
[木] 14
[金] 15
[土] 16

[日] 17
[月] 18
[火] 19
[水] 20
[木] 21
[金] 22
[土] 23

[日] 24
[月] 25
[火] 26
[水] 27
[木] 28
[金] 29
[土] 30

[日] 31
[月]
[火]
[水]
[木]
[金]
[土]


[日]
[月]
[火]
[水] 1
[木] 2
[金] 3
[土] 4

[日] 5
[月] 6
[火] 7
[水] 8
[木] 9
[金] 10
[土] 11

[日] 12
[月] 13
[火] 14
[水] 15
[木] 16
[金] 17
[土] 18

[日] 19
[月] 20
[火] 21
[水] 22
[木] 23
[金] 24
[土] 25

[日] 26
[月] 27
[火] 28
[水] 29
[木] 30
[金]
[土]

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する