丑のカレー&ラーメン・マップの作成法
丑のカレー&ラーメン・マップは「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" />
と書いていきます。
座標の決定はここを参考にしてください。