つかうはじめに当サイトでは、埋め込み地図のカスタマイズをより簡単なものにするために、プログラムを自動生成するフォームを作っています。プログラム内で参照しているマップデータにはオープンデータを使用していて、商用利用や改変など、かなり幅広い利用が可能です。今回はマップにマーカーを記載する方法についてまとめたいと思います。作成したマップをサイト内に貼り付ける方法については、別の記事を参照してください。(→「【DrawTrail】埋め込み地図を表示させる方法」)マップにマーカーを記載するマップにテキストを記載するには、まずトップページより「マーカー」を選択します。マップ内をクリックすると、クリックした箇所にマーカーが記載されます。マーカーを削除するには、削除したいマーカーを右クリックして「マーカーを削除」を選択するか、「マーカー」→「マーカーをすべて削除する」あるいは「ひとつ前のマーカーを削除(Ctrl+X)」を選択すると、マーカーが削除されます。DrawTrail図1.マーカーの配置マーカーをカスタマイズするマーカーをカスタマイズするには、トップページより「マーカー」→「マーカースタイル」から、使いたいマーカーを選択します。マーカーの色を変更するには、「マーカー」→「カラーパレット」より、所望の色を選択してください。トップページのマップ内をクリックすると、変更した設定のマーカーが記載されます。DrawTrail図2.いろいろなアイコンマーカーにリンクをつけるマーカーをクリックすると、別のページにジャンプするようにすることも可能です。トップページより「マーカー」→「リンクURL」に、ジャンプ先URLを記入します。マップをクリックすると、リンクを付加したマーカーが記載されます。いうウェブフォントは、数千種ものアイコンが登録してあり、特に有名なウェブフォントになります。マーカーとして使用することも可能です。HTMLを記載してください。飛行機の離陸アイコン(2倍サイズ)を使いたければ、下記のようにフォームに記入します。マップをクリックすれば、離陸アイコンが記載されます。マップを埋め込む場合は、埋め込み先のサイトにも事前にダウンロードしておいてください。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自己紹介とれいる専門はハードウェア開発だけど、趣味でWeb系の言語も勉強中。文以外も使えるようにしたい。使い方Leaflet/OpenLayers/osmdroidオンラインマップについてLeafletOpenLayersosmdroid。