|丑のスープカレー&ラーメン・マップ| |美味しいもの♪| |本の紹介| |ミュージック| |ブログ作成上のメモ|

« 本の紹介「MovableType3.3でつくる! 最強のブログサイト」 | メイン | スープカレー「らっきょ大サーカス」 »

丑のカレー&ラーメン・マップの作成法

丑のカレー&ラーメン・マップは「KsGMap」で作成しています。
「KsGMap」はフリーでこんな便利なツールを使用させていただき本当にありがとうございます。http://www.ksgmap.jp/index.html
そして、KsGMapの使用の際にこのソフトを利用していた、「ももち どっと こむ」のももちさんに感謝します。
http://www.momoti.com/map/map01.htm
浅草グルメマップは参考になりました。

「汎用Google Maps APIスクリプト KsGMap」を使用するにあたりGoogeMapsの
APIキーの取得が必要です。APIキー取得にはGoogleアカウントが必要です。Gmail便利ですので、取得してみてください。

ダウンロードよりKsGMapの本体をDLします。私はコメント有りの「ksgmap103wc.js」をDLしました。次に、ドキュメントよりサンプルのページに飛びシンプルかリキッド・デザインをDLします。私は最終的にはリキッド・デザインを使用しました。あんまり気にしていませんでしたが、シンプルより横幅が廣く感じました。そのときに対になっているXML/データファイルをDLしておきます。
次に素材/関連ファイルのページに飛びpopup01.zip(ポップアップのパーツ)とinfowindow01.zip(情報ウィンドウ内のボタンのパーツ)とマーカーから1ファイル、私はstandard04.zipを選択しました。

集めたものを整理しました。

Holder「gmap」ーーーgmap.html(sample_liquiddesign01.html)
         |
         |ーHolder「js」ksgmap103wc.js
         |
         |ーHolder「image」素材/関連ファイルで集めたデータを入れる
         |
         |ーHolder「xml」gmap.xml(sample_liquiddesign.xml)

gmap.html(sample_liquiddesign01.html)の変更点
1)<title>
2)<script src="./js/ksgmap103.js"→<script src="./js/ksgmap103wc.js"
3)<script src="http://maps.google.co.jp/maps?file=api&v=2&key=取得したAPIキー
4)ksgmap_default_zoom = 1; さっぽろは大きいので6にしました。
5)<div id="breadCrumbsNavi">以下のパンクズリストとタイトル
6)<div id="foot">以下のフッタメッセージ

gmap.xml(sample_liquiddesign.xml)の変更点
1)<title>
2)<link>
3)<author>
4)(席数: %seatqty% / 音響:%surround% )→<a href="%url%">記事へリンク</a>という変更でブログのパーマリンクに飛ばせられます。
5)<!-- カテゴリ -->
<category id="area1301" name="札幌" lng="141.350956" lat="43.068386" />と書く
6)<!-- アイテム -->
<tem id="theater1301010" category="area1301" name="スープカレー「XY象SA」" lng="141.359957" lat="43.092289" address="札幌市東区北23条東6丁目4-10" phone="050-7568-6241" url="http://usimov.com/blog/2007/03/xysa.html" />
と書いていきます。

座標の決定はここを参考にしてください。

トラックバック

このエントリーのトラックバックURL:
http://usimov.com/cgi/mt/mt-tb.cgi/112

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)