• HOME
  • CANVASを使ってGooglemap取込→さらにマウスでマーキングしてjpg保存可能にする方法DEMO
<記事へ戻る

CANVASを使ってGoogle Map取込→さらにマウスでマーキングしてjpg保存可能にする方法

DEMOページ 操作手順

①全体が映るように表示させてください。
(ドラッグで移動、ズーム等で見やすい位置にする)

②ちょうど取り込みたい場所の真ん中辺りで一度【クリック】してください。マーカーアイコンが付きます。

③「場所を決定」ボタンを押してください。下記、「02.」へとお進みください。

上記操作手順を参考に場所を指定してください。

※地図が読み込まれていない場合はブラウザをF5キー等で再読込(リロード)してください

緯度 経度

02.

下の枠に画像を表示させたら下記の手順に沿って画像作成してください。

・見やすい線の色と太さを選んでマウス操作にて線でマーキングしてください
推奨は「赤」の「太」い線です
・マウス右クリックで「名前を付けて画像を保存」を選んで保存してください
・「.png」という拡張子のファイルができあがりますのでメールフォームにて添付して送信していただけます
・間違えた場合は「消去」して最初からやり直してください

操作手順

①上記で指定した場所が画像として表示されている事をご確認ください。

②見やすい線の色と太さを選んでマウス操作にて線でマーキングください。画像上でクリック+ドラッグすると線を引く事ができます。
(推奨は「赤」の「太」い線です)

③線が引き終わりましたら、マウス右クリックで「名前を付けて画像を保存」を選んでパソコン内で保存してください。
(保存した画像をメールフォームにて添付して送っていただけます)

上記操作手順を参考に場所を指定してください。

Canvasに対応したブラウザを用意してください。

線の色 線太さ