管理人:嶋耕作(しまこうさく)FacebooktwitterHatenaPocket画像をクリックすると大きくなります。会社のホームページや自分で運営しているウェブサイトのアクセスページなどに地図(今回はGoogleマップ)を貼る方法とマップの作り方についてご紹介します。もくじこんな感じの地図を作ります。作成の手順1ここから無料地図作成のページをひらきます。2必要事項の入力3作った地図をホームページに貼る関連記事こんな感じの地図を作ります。↑こんな感じの地図を作ります。(地図をクリックすると、ページに貼り付けた地図の感じがわかります。)作成の手順1ここから無料地図作成のページをひらきます。すると、左側にこんな感じのがありますので、ここに必要事項を入力して地図を作っていきます。地図を表示させたい住所を入力するか、施設名で検索、地図上の目的地をクリックして、地図を表示させる場所を指定します。地図の横幅と高さ地図の横幅と高さは、筆者の場合、スマホでもパソコンでも画面内に問題なく表示されるのが300pxだったので、300px,300pxの正方形に設定した。これ以上大きくすると画面からはみ出てしまうかもしれない。する」にチェックしておくと、地図が動かせる。「拡大縮小しない」にチェックすると、地図が固定される。ふき出し筆者は「表示する」にしている。位置表示アイコンここですよーという、位置を表示するアイコン。筆者は指定していないが変えたい場合はここの中で選ぶか、好きな画像が置いてある場所のURLを記述する。ふき出しに表示される部分です。希望する会社名や住所などを入力します。※ここは入力しなくても地図はできます。※「画像URL」を入力すると、ふき出し部分の上部に画像が表示されます。筆者が未入力で作成している。ここまで出来たら「地図の表示を確認」をクリックしてどんな感じで地図ができてるかチェックします。これでOKだったら「地図のタグを作成」をクリックします。「地図のタグを作成」をクリックすると、このようにソースコードが出てきます。このソースをコピーします。3作った地図をホームページに貼るこのソースをコピーして、地図を貼りたい編集ページに移動します。HTMLを記述するページにペーストします。ワードプレスでの貼り付け方ワードプレスの場合「ビジュアルエディタ」と「テキストエディタ」がありますが、テキストエディタで記述できるモードにしてから、希望の場所に先ほどコピーしたソースを貼り付けます。貼り付けたら、「プレビュー」をクリックして地図が貼られているかチェックしてみてください。※ワードプレスで地図を貼り付けて記事のレイアウトが崩れてしまう方は「WordPress記事のレイアウト崩れを回避解決する方法」をご確認ください。いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」@evahks最後まで読んでいただき、ありがとうございます。EVAHKS(エヴァークス)は、自由でクリエイティブな暮らしを応援するポータルサイトです。「期間限定無料FXトレード講座」を好評開催中。当サイト、FXカテゴリーを選ぶだけでいつでも自由に学習可能です。※感想や質問はコメント欄をご利用ください。Shima)『相場の熊さん』の愛称で親しまれている。テクニカル分析を愛するFX裁量トレーダー、作家、ライター。自然が好きで日本国内に山所有。4回生命の危機に瀕し、その度に死と直面してきた原体験をもとに、生きる喜びを伝えている。20代前半に教育関連事業にて年商3億円達成。その後、死にかけて入院するが生還して丈夫になり、ITとFXを猛勉強して自由なライフスタイルを実現。トレードで小額資金から稼いだ最短最高額は8日間で元手10万円→500万円。群れずに思うまま生きる。穏やかな中に驚くような激しさも秘めており、揺らめく感情と磨き抜かれた鋭い感覚が共存している。