insertyahoomap (Yahoo!Japan地図挿入)
初出日: 2009年4月25日 | 最終更新日: 2009年6月3日投稿者: たかひろ |
パーマリンク 概要
入手方法/ダウンロード
対応環境/テスト環境
WordPressについて
PHPについて
ブラウザについて
・InternetExplorer 7 css は /css/insertyahoomapMSIE.css を使用
・Opera 9.64 css は /css/insertyahoomapOpera.css を使用
・Safari 3.2.2 css は /css/insertyahoomapOpera.css を使用
上記バージョンについては開発当初のバージョンとなります
既知の問題について
・共通 :地図選択時に世界測地系(WGS84)使用時かつポリラインが表示される場合に各座標が若干ずれて表示される。
・共通 :地図選択時にアイコンの噴出しの背景が綺麗に表示されない。
・InternetExplorer:絵文字ボタン押下時にフレーム表示まで若干時間が掛かる。
・InternetExplorer:地図選択時に入力域の幅以上の入力を行うとレイアウトが崩れる。
・InternetExplorer:地図作成ボタン押下時に記事が修正中の場合「このまま・・・」のメッセージが表示される。
設置方法
2.insertyahoomap プラグインを有効にします。
設定方法
・選択マップ幅について
・省略時は 640px となります。
・選択マップ高さについて
・省略時は 450px となります。
・初期表示マップ幅について
・省略時は 400px となります。
・実際には投稿記事を見るときに表示されるYahoo!地図の横幅となります。
・地図選択時にも変更が可能です。
・選択マップ幅の方が狭い場合は選択マップ幅が使用されます。
・初期表示マップ高さについて
・実際には投稿記事を見るときに表示されるYahoo!地図の縦幅となります。
・省略時は 300px となります。
・地図選択時にも変更が可能です。
・選択マップ高さの方が狭い場合は選択マップ高さが使用されます。
・初期表示マップ緯度経度について
・省略時は六本木ヒルズ [35.67832667,139.77044378] となります。※表示座標は日本測地系(TOKYO97)、世界測地系(WGS84)の場合は若干位置がずれます
・初期表示マップ縮尺階層について
・省略時は [3] となります。 ※設定可能範囲はYahoo!Japanデベロッパーネットワークを参照
・測地系について
・省略時は [日本測地系(TOKYO97)] となります。
・初期表示カテゴリについて
1.設定画面ボタンを押下する。
2.使用方法のカテゴリー情報を参照して設定をする。
3.決定ボタンを押下する。※変更を取消す場合は取消ボタンを押下してください
※データは「カテゴリID」「画像url」「画像スタイル幅」「画像スタイル高さ」「画像スタイル基準横」「画像スタイル基準縦」の順でescapeされたデータがカンマ区切り設定されています、カテゴリを複数登録している場合は続けて設定されています
※設定画面で決定しただけでは保存されません必ず全体設定画面に戻って保存してください
使用方法
が表示されますのでマウスでクリックする事により地図の選択ウィンドウが表示されますので挿入したい場所を挿入して下さい。画面の説明
・地図横幅:実際の投稿記事を見るときに表示される地図の横幅となります。
・選択のために表示されている地図の横幅を超えることは出来ません、超えた設定をした場合は地図の横幅が使用されます。
・省略すると 400px が使用されます。
・地図縦幅:実際の投稿記事を見るときに表示される地図の縦幅となります。
・選択のために表示されている地図の縦幅を超えることは出来ません、超えた設定をした場合は地図の縦幅が使用されます。
・省略すると 300px が使用されます。
・地図横幅縦幅-変更ボタン:地図範囲確認用の枠を設定された横幅、縦幅に変更します。
・地図横幅縦幅-表示ボタン:選択地図上に範囲確認用の枠を表示します、表示中は枠内で地図の操作が出来なくなります。
・地図横幅縦幅-非表示ボタン:表示されている範囲確認用の枠を消します。
・現在緯度:表示されている地図の中心点の緯度を表示します、地図の表示位置を変更すると自動的に変わります。
・現在経度:表示されている地図の中心点の経度を表示します、地図の表示位置を変更すると自動的に変わります。
・初期緯度:ホーム位置の緯度を設定します。
・初期緯度または初期経度の入力域にフォーカスがある状態で地図をクリックするとクリックした位置が設定されます。
・省略すると 35.67832667 が使用されます。
・初期経度:ホーム位置の経度を設定します。
・初期緯度経度-取得ボタン:現在表示されている地図の中心緯度と中心経度が初期緯度と初期経度に設定されます。
・初期緯度経度-表示ボタン:現在設定されている初期緯度と初期経度の場所に地図が移動します。
・表示緯度:投稿記事の表示時に初期表示する位置を初期緯度から変更したい時に設定します。
・表示緯度または表示経度の入力域にフォーカスがある状態で地図をクリックするとクリックした位置が設定されます。
・表示経度とセットで設定された場合に使用されます。
・省略可能です。
・表示経度:投稿記事の表示時に初期表示する位置を初期経度から変更したい時に設定します。
・表示緯度経度-取得ボタン:現在表示されている地図の中心緯度と中心経度が表示緯度と表示経度に設定されます。
・表示緯度経度-表示ボタン:現在設定されている表示緯度と表示経度の場所に地図が移動します。
・縮尺ボタン:地図に表示されるスライダーバーのタイプを設定します、押下により「スライダーバー」「縮尺切り替えボタン」を切り替えます。
・中心点ボタン:地図に表示される中心点表示ボタンの表示/非表示を切り替えます。
・投稿に挿入ボタン:設定した地図を投稿記事に挿入します。挿入はショートコード[insertyahoomap]として設定されます。
・カスタムフィールドに追加ボタン:設定した地図を投稿記事に挿入します。挿入はショートコード[insertyahoomap]とカスタムフィールドが設定されます。
※ショートコード[insertyahoomap id=”1234567890″]が記事に挿入され残りの情報は”insertyahoomap1234567890″を名前としてカスタムフィールドに設定されます。
※id又はカスタムフィールドの数字部はランダムな数字となります。
・カテゴリー情報
・追加ボタン:新規にカテゴリーを追加する場合に押下します。
・適用:設定したカテゴリーを使用する場合にチェックします。
・カテゴリーを追加しなくてもアイコンは追加できます、また必須項目でもありません。
※チェックしないとアイコンのカテゴリIDとして選択できません、またショートコード情報にも追加されません。
※チェックすると内容変更と削除が出来なくなります、変更や削除を行う場合は一度チェックを外して下さい。
・カテゴリID:カテゴリーの名前を設定します、ここで設定した名前がアイコン追加時のカテゴリIDの一覧で選択できるようになります。
※必須項目となります、また同一地図内での重複は不可となります。
・画像-url:使用するイメージの場所をフルパスで設定します。
・画像-画:画像-urlで設定したイメージを 14px × 14px に縮小して表示します。
・画像スタイル-幅:画像の幅をピクセル単位で設定します。
・画像スタイル-高さ:画像の高さをピクセル単位で設定します。
・画像スタイル-基準横:画像のX方向の移動量をピクセル単位で設定します。
・画像スタイル-基準縦:画像のY方向の移動量をピクセル単位で設定します。
・削除ボタン:追加したカテゴリーを削除する場合に押下します。
・絵文字ボタン:絵文字の一覧を表示し選択することが出来ます。
※このボタンは私が公開しているemojiプラグインをインストールしている場合に表示されます。(Version:1.3.0以降)
・アイコン情報
・追加ボタン:新規にアイコンを追加する場合に押下します。
・適用:設定したアイコンを使用する場合にチェックします。
・必須項目ではありません。
※チェックしないとアイコンが地図に表示されません、またショートコード情報にも追加されません。
※チェックすると内容変更と削除が出来なくなります、変更や削除を行う場合は一度チェックを外して下さい。
※チェックしたアイコンでカテゴリーで追加したカテゴリIDを使用している場合はもカテゴリーの適用も変更できなくなります。
・アイコンID:アイコンの名前を設定します。
※必須項目となります、また同一地図内での重複は不可となります。
・緯度:アイコンを表示する緯度を設定します。
※必須項目となります。
・経度:アイコンを表示する経度を設定します。
・カテゴリID:初期設定されている”L1″から”L5″、”S1″から”S5″またはカテゴリーで追加したカテゴリIDを選択します。
・吹き出し:アイコンをマウスオーバーした時に表示される吹き出しを設定します。
・省略時は吹き出しが表示されません。
・ラベル:アイコンの横に表示されるラベルを設定します。
・削除ボタン:追加したアイコンを削除する場合に押下します。
・取得ボタン:現在表示されている地図の中心緯度と中心経度が緯度と経度に設定されます。
・表示ボタン:現在設定されている緯度と経度の場所に地図が移動します。
・ポリライン情報
・追加ボタン:新規にポリラインを追加する場合に押下します。
・適用:設定したポリラインを使用する場合にチェックします。
・必須項目ではありません。
※チェックしないとショートコード情報に追加されません。
※チェックすると内容変更と削除が出来なくなります、変更や削除を行う場合は一度チェックを外して下さい。
・オブジェクトID:ポリラインの名前を設定します。
※必須項目となります、また同一地図内での重複(ポリゴンも含む)は不可となります。
・吹き出し:折れ線をマウスオーバーした時に表示される吹き出しを設定します。
・省略時は吹き出しが表示されません。
・線スタイル-太さ:線の太さをピクセル単位で設定します。
・線スタイル-色:線の色を設定します。
・線スタイル-透明度:線の透明度を設定します。
・一括設定ボタン:座標をテキストエリアに一括で入力設定するウィンドウを表示します。
・削除ボタン:追加したポリラインを削除する場合に押下します。
・座標追加ボタン:新たに緯度経度を追加する場合に押下します。
・緯度:折れ線を表示する緯度を設定します。
※必須項目となります。
・経度:折れ線を表示する経度を設定します。
・緯度経度-削除ボタン:緯度経度を削除する場合に押下します。
・緯度経度-取得ボタン:現在表示されている地図の中心緯度と中心経度が緯度と経度に設定されます。
・緯度経度-表示ボタン:現在設定されている緯度と経度の場所に地図が移動します。
・一括設定ボタンについて
※既にポリライン情報にて緯度経度を設定している場合は初期表示されます。
・決定ボタン:入力された座標情報を元にポリライン情報の緯度経度を置き換えてウィンドウを閉じます。
・取消ボタン:ポリライン情報の緯度経度を変更せずにウィンドウを閉じます。
・作成ボタン:ポリラインの座標情報を視覚的に指定出来るウィンドウを表示します。
・ポリライン作成について
※既に一括設定にて座標情報を設定している場合は初期表示されます。
※地図設定画面にて適用状態のアイコンを一覧で表示します。
」が表示されます、座標が複数存在する場合は追加した順番で折れ線が引かれます。・「
」:表示されている座標アイコンをマウスクリックすると該当座標を削除します。・決定ボタン:作成された座標情報を元に一括設定の座標情報を置き換えてウィンドウを閉じます。
・取消ボタン:一括設定の座標情報を変更せずにウィンドウを閉じます。
・アイコン表示:チェック又は非チェックすると地図上にアイコンを表示/非表示します。
・ポリゴン情報
・追加ボタン:新規にポリゴンを追加する場合に押下します。
・適用:設定したポリゴンを使用する場合にチェックします。
・必須項目ではありません。
※チェックしないとショートコード情報に追加されません。
※チェックすると内容変更と削除が出来なくなります、変更や削除を行う場合は一度チェックを外して下さい。
・オブジェクトID:ポリゴンの名前を設定します。
※必須項目となります、また同一地図内での重複(ポリラインも含む)は不可となります。
・吹き出し:多角形をマウスオーバーした時に表示される吹き出しを設定します。
・省略時は吹き出しが表示されません。
・スタイル-線-太さ:線の太さをピクセル単位で設定します。
・スタイル-線-色:線の色を設定します。
・スタイル-線-透明度:線の透明度を設定します。
・スタイル-塗りつぶし-色:塗りつぶしの色を設定します。
・スタイル-塗りつぶし-透明度:塗りつぶしの透明度を設定します。
・一括設定ボタン:座標をテキストエリアに一括で入力設定するウィンドウを表示します。
・削除ボタン:追加したポリゴンを削除する場合に押下します。
・座標追加ボタン:新たに緯度経度を追加する場合に押下します。
・緯度:多角形を表示する緯度を設定します。
※必須項目となります。
・経度:多角形を表示する経度を設定します。
・緯度経度-削除ボタン:緯度経度を削除する場合に押下します。
・緯度経度-取得ボタン:現在表示されている地図の中心緯度と中心経度が緯度と経度に設定されます。
・緯度経度-表示ボタン:現在設定されている緯度と経度の場所に地図が移動します。
・一括設定ボタンについて
※既にポリゴン情報にて緯度経度を設定している場合は初期表示されます。
・決定ボタン:入力された座標情報を元にポリゴン情報の緯度経度を置き換えてウィンドウを閉じます。
・取消ボタン:ポリゴン情報の緯度経度を変更せずにウィンドウを閉じます。
・作成ボタン:ポリゴンの座標情報を視覚的に指定出来るウィンドウを表示します。
・ポリゴン作成について
※既に一括設定にて座標情報を設定している場合は初期表示されます。
※地図設定画面にて適用状態のアイコンを一覧で表示します。
」が表示されます、座標が複数存在する場合は追加した順番で多角形が描画されます。・「
」:表示されている座標アイコンをマウスクリックすると該当座標を削除します。・決定ボタン:作成された座標情報を元に一括設定の座標情報を置き換えてウィンドウを閉じます。
・取消ボタン:一括設定の座標情報を変更せずにウィンドウを閉じます。
・アイコン表示:チェック又は非チェックすると地図上にアイコンを表示/非表示します。
操作の説明
2.地図を表示したい位置に移動させます。
3.初期緯度経度-取得ボタンを押下し地図位置を取得します。
4.カテゴリーの追加ボタンを押下します。(必要時)
5.画像-urlを設定または絵文字ボタンより選択してください。
6.カテゴリー適用にチェックを入れてください。
7.アイコンの追加ボタンを押下します。(必要時)
8.緯度又は経度にフォーカスを置きアイコンを表示したい場所をマウスでクリックしてください。
9.カテゴリーで追加したカテゴリIDを選択してください。
10.吹き出しを入力してください。
11.ラベルを入力してください
12.アイコン適用にチェックを入れてください。
13.ポリラインの追加ボタンを押下します。(必要時)
14.緯度又は経度にフォーカスを置きポリラインを表示したい場所をマウスでクリックしてください。
15.必要に応じ緯度経度情報を追加してください。
16.ポリライン適用にチェックを入れてください。
17.ポリゴンの追加ボタンを押下します。(必要時)
18.緯度又は経度にフォーカスを置きポリゴンを表示したい場所をマウスでクリックしてください。
19.必要に応じ緯度経度情報を追加してください。
20.ポリゴン適用にチェックを入れてください。
21.投稿に挿入ボタンまたはカスタムフィールドに追加ボタンを押下してください。
改版履歴
ver 1.5.0 (2009-5-23)
・FireFox使用時の地図選択時にポリラインを適用しても表示されない点を修正。
・FireFox使用時の地図選択時にポリゴンを適用しても表示されない点を修正。
・InternetExplorer使用時の地図選択時にバージョン8を使用すると地図が正しく表示されない点を修正。
・InternetExplorer使用時の地図選択時にカテゴリーを適用/非適用を繰り返すとアイコン情報のカテゴリIDの幅が縮まる点を修正。
・Opera使用時の地図選択時に地図をクリックする事により緯度経度を取得する機能が使えない点を修正。
・Safari使用時の地図選択時に地図をクリックする事により緯度経度を取得する機能が使えない点を修正。
ver 1.4.0 (2009-5-20)
・ポリライン作成時にアイコンの表示ボタンが使用出来ない点を修正。
ver 1.3.0 (2009-5-19)
ver 1.2.0 (2009-5-8)
・地図選択時にポリラインの設定を出来るように機能を追加。
・地図選択時に基本情報、カテゴリ、アイコン、ポリラインの設定を表示/非表示を切り替え出来るように機能を追加。
ver 1.1.0 (2009-4-30)
ver 1.0.2 (2009-4-30)
ver 1.0.1 (2009-4-27)
ver 1.0.0 (2009-4-25)