How to use

Map Pin Studio の使い方

最初の1枚を作るための基本手順です。画像を読み込み、ピンを置き、コメントを整えて、PNG画像として保存できます。

Map Pin Studio で作成したサンプル画像

画像を読み込む

プロジェクトカードの「画像を読み込む」から、手元の画像を選びます。画像はブラウザ内に保存され、アプリ本体のサーバーへは送信されません。

ピンの見た目を選ぶ

「ピン設定」でアイコンとアクセント色を選びます。数字、文字、基本アイコン、読み込んだ画像アイコンを使えます。

ピンを配置する

マップ右上、またはピン設定内の「ピンを配置」を押して配置モードにします。そのあと、マップ上の置きたい場所をタップまたはクリックします。

コメントを書く

置いたピンを選ぶと「コメント編集」に切り替わります。メモ欄に説明を書くと、マップ上のコメント表示に反映されます。

コメント位置を整える

コメントはドラッグして移動できます。ピンからコメントへ線が伸びるので、どのピンの説明か分かりやすい配置にできます。

プレビューで確認する

「プレビュー」を開くと、保存される画像に近い見た目を確認できます。出力用のピンサイズとコメントサイズはプレビュー内で調整できます。

画像として保存する

プレビュー画面、または上部の「エクスポート」からPNG画像を保存します。PCではダウンロード、スマホでは共有や保存の画面が開く場合があります。

必要ならバックアップする

プロジェクトカードのバックアップから、画像、ピン、文字アイコン、カスタムアイコンを復元用ファイルとして書き出せます。

ピンが置けないとき

マップを押すだけでは配置されません。先に「ピンを配置」を押して、配置モードになっているか確認してください。

コメントが重なるとき

コメントをドラッグして移動できます。位置を戻したい場合は、選択中コメントのリセットや全体リセットを使えます。

端末を変えるとき

データはブラウザ内保存です。別端末で続きから編集したい場合や、ブラウザデータ削除に備える場合はバックアップを書き出してください。