Follow Us.RSS

2012年5月31日(木)ルート地図を公開しよう

  • CMONOS.JP にはルート地図を公開するのに便利な機能がいろいろと用意されています。観光案内に最適!

  • (2012年5月30日(水) 午後8時50分24秒 更新)
  • このエントリーをはてなブックマークに追加Tweet

GPSデータを読み込めるようになった「Googleマップ」フィールドタイプ

「Googleマップ」フィールドタイプが GPX 形式の読み込みに対応しました。GPX 形式のファイルを KML に変換して保存します。GPSロガーで作成した GPX ファイルや各種サービスから書き出した GPX ファイルを直接読み込むことができます。

「Googleマップ」フィールドタイプのKMLファイル指定欄。KML形式、KMZ形式、GPX形式のファイルに対応しています。ローカルディスク上のファイルをファイルアップロードフォームから指定してアップロードするか、ネット上のファイルの URL を指定して直接読み込みます。

「ホームページメーカー」の「ページ情報フィールド」に「Googleマップ」フィールドタイプを追加すると、「詳細設定」に「Googleマップインデックス設定」があります。「Googleマップ」フィールドでアップロードした KML ファイルを Googleマップインデックスでも表示するには、ここで「インデックスでも KML を表示する」をチェックして有効にします。

KMLを Googleマップインデックスでも表示するにはここをチェック。

上記を活用して、ルート地図 KML とルート上のポイントをそれぞれ一つの記事にすると、サンプル1のルートガイドのようなコンテンツを作成できます。

ルートの青い線が Googleマップインデックスにも表示されています。ルート上のポイントが小さな写真で示され、どんな場所なのか一目でわかりやすくなっています。

手軽に地図を活用できる「section マーカー」

新しい CMONOS.JP では、section ごとに位置情報を持つことができます。

section の位置情報は、「座標フィールド」に指定された「Googleマップ」フィールドの中心座標か、「メディアフィールド」に指定された「添付ファイル」フィールドの画像に埋め込まれた GPS 情報から取得されます。

これら section の位置情報は、「ページ情報フィールド」の「Google マップ」フィールドで地図上に表示できます。

「ページ情報フィールド」の「Google マップ」フィールドにある section マーカー設定欄。ここをチェックして有効にすると、地図上に section の位置情報が表示されます。この設定が有効となっていても、位置情報が取得できなかったとき、および、タイトルフィールドが空のときは section マーカーは表示されません。

section マーカーを利用すると、GPS 情報の埋め込まれた画像を「添付ファイル」フィールドにアップロードするだけで、記事に関連する場所を示した地図が完成します。

たとえば、京都八幡木津自転車道のルートガイドを、1ページの地図ブログ記事にまとめたのがこちらになります。

GPS情報が埋め込まれた画像と section マーカー機能を利用すれば、その日訪れた場所を簡単に地図上に配置できます。

新しい CMONOS.JP では、地図連携機能が GPS 情報を活用するようになりました。観光案内や、街ぶら日記、サイクリングやハイキング、山登りの記録にもお役に立てることと思います。ぜひご活用ください!

コメント

トラックバック

関連記事

[画像]

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

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「不動産サイト」は、不動産サイトのために作成 されました。Google マップを利用した物件検索や会社概要ページがあらかじめ 組み込まれています。
https://cmonos.jp/blog/2010031502/1.shtml
[画像]

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

2010年4月20日 ... 数ある CMS の中でもトップクラスの Googleマップ 連携機能を誇る CMONOS.JP。 さらに便利な機能が加わりました。
https://cmonos.jp/blog/2010042000/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 | 開発者ブログ | 記事インデックスを地図で作る!

2008年12月20日 ... CMONOS.JP ver1.2 からニュース記事更新システム「ホームページメーカー」で、地図 上にインデックスを作成できるようになりました。
https://cmonos.jp/blog/2008122000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ウェブデータベースを地図で検索!

2008年12月18日 ... テーブルメーカーに新しく追加された「GoogleMaps 表示」は、地図の表示範囲内に 関連するレコードを表示してくれるので、不動産物件や店舗・支店などのリストを表示 したいときとても便利です。レコード数が少ない場合、移動の度に再検索せ ...
https://cmonos.jp/blog/2008121800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ルート地図データをつくろう

2012年5月30日 ...GPS ロガーや Googleマップのマイマップを使って、ルート地図データをつくってみま しょう。観光案内やハイキングコースの紹介などに役立ちます。
https://cmonos.jp/blog/2012053000/1.shtml
[画像]

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

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

CMONOS.JP | 開発者ブログ | GoogleMaps で線分の距離を測ろう!

2008年8月11日 ... GoogleMaps で線分の距離を測ることができる gmap.js を公開しました。
https://cmonos.jp/blog/2008081100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | GoogleMaps 連携 DB をつくろう!

2009年5月18日 ... CMONOS.JP には「GoogleMaps 埋め込み」フィールドタイプが用意されています。 サンプル2の法務局一覧のようなデータベースを作るには、「テーブルメーカー」に「 GoogleMaps 埋め込み」フィールドタイプを追加します。やってみるととても ...
https://cmonos.jp/blog/2009051800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | まもなく公開!CMONOS.JP 1.3

2009年12月1日 ...Google マップを利用したインデックスでも、オリジナル画像をマーカーとして使うことが できます。 サンプルブログでの使用例。写真をそのままマーカーにすることができるので 、地図を見るだけで記事の内容がなんとなく伝わるのではないでしょ ...
https://cmonos.jp/blog/2009120100/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
[金]
[土]

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する