カスタマイズ方法

マップ管理プラグインには、標準で以下のカスタマイズが用意されています。

(1) カテゴリ別のアイコン表示

(1) カテゴリ別のアイコン表示

cms/grpmap/js/gmap.js ファイルの 21行～94行がアイコン画像に関する設定になっています。
カテゴリ別にアイコン画像を変更したい場合には、下記ソース内にある★★★を参考にしてください。
画像ファイルは必ず .png 形式で設定してください。

～～～　ここから21行目　～～～

★★★ アイコン画像のサイズや位置を設定します。
var icon_w		= 32;		// アイコンの幅
var icon_h		= 32;		// アイコンの高さ
var shadow_w	= 50;		// 影の幅
var shadow_h	= 32;		// 影の高さ
var icon_x		= 14;		// アイコンのX座標
var icon_y		= 32;		// アイコンのY座標
var window_x	= 10;		// 吹き出しのX座標
var window_y	= 10;		// 吹き出しのY座標

// トップパスの指定
var tpath = "";
if( typeof top_path == "undefined" ){
	tpath = "../../";		// デフォルトのトップパスセット
}
else{
	tpath = top_path;	// 指定のトップパスをセット
}

// 初期表示の拡大率設定
var zoom;
if( typeof zoom_point == "undefined" ){
	zoom = 4;			// デフォルトの拡大率をセット
}
else{
	zoom = zoom_point;	// 指定の拡大率をセット
}

// カテゴリ別のアイコン画像設定（cms/grpmap/images/marker フォルダの画像を指定）
var icon_list = {};
var shadow_list = {};

★★★ 画像は 『icon_list['カテゴリ名'] = 画像ファイルへのパス』 と設定する
★★★ 画像の影は 『shadow_list['カテゴリ名'] = 画像ファイルへのパス』 と設定する

icon_list['カテゴリ1'] 		= tpath + "cms/grpmap/images/marker/me1.png";
shadow_list['カテゴリ1']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['カテゴリ2'] 		= tpath + "cms/grpmap/images/marker/me2.png";
shadow_list['カテゴリ2']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['カテゴリ3'] 		= tpath + "cms/grpmap/images/marker/me3.png";
shadow_list['カテゴリ3']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['カテゴリ4'] 		= tpath + "cms/grpmap/images/marker/me4.png";
shadow_list['カテゴリ4']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['カテゴリ5'] 		= tpath + "cms/grpmap/images/marker/me5.png";
shadow_list['カテゴリ5']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['カテゴリ6'] 		= tpath + "cms/grpmap/images/marker/me6.png";
shadow_list['カテゴリ6']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['カテゴリ7'] 		= tpath + "cms/grpmap/images/marker/me7.png";
shadow_list['カテゴリ7']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['カテゴリ8'] 		= tpath + "cms/grpmap/images/marker/me8.png";
shadow_list['カテゴリ8']	= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['賃貸'] 			= tpath + "cms/grpmap/images/marker/me2.png";
shadow_list['賃貸']		= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['販売'] 			= tpath + "cms/grpmap/images/marker/me3.png";
shadow_list['販売']		= tpath + "cms/grpmap/images/marker//shadow.png";

icon_list['土地販売'] 		= tpath + "cms/grpmap/images/marker/me4.png";
shadow_list['土地販売']	= tpath + "cms/grpmap/images/marker//shadow.png";

// 新規吹き出しアイコン画像（cms/grpmap/images/marker フォルダの画像を指定）
var write_icon_img		= tpath + "cms/grpmap/images/marker/me0.png";
var write_shadow_img		= tpath + "cms/grpmap/images/marker//shadow.png";

// デフォルトアイコン画像（cms/grpmap/images/marker フォルダの画像を指定）
var default_icon_img		= tpath + "cms/grpmap/images/marker/me1.png";
var default_shadow_img	= tpath + "cms/grpmap/images/marker//shadow.png";

～～～　ここまでが94行目　～～～