GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Google マップのピンを変えてみる
今回はgoogleマップのピンの変更方法します。 デフォルトで用意されているピンはこれ（各色有） このピンを自分の好きなデザインに変更することができます。 カスタムアイコンを表示するには、jpg・gif・bmp・pngが使用でき、64×64ピクセルを超えるアイコンは縮小されます。 アイコンの画像自体はgoogleマップに保存されない為、リンク先の画像を変更した場合や削除した場合はアイコンも変化します。 今回使用するのはOkinavitaでも使用しているピン。 ※ご使用の際は右クリックで「名前を付けて画像を保存」を選び、ご自分のパソコンに保存した上でご使用ください。 上記のピンを使いグーグルマップを作成してみました。 より大きな地図で 沖縄桜まつり を表示 ピンの追加方法は簡単。 1.まずグーグルマップを開きます。 2.画面左上の「マイマップ」を選びます。 3.「新し
Googleマップの地図上に線を引き、ブログなどに公開する方法 | albatrus.com
旅行に行ったときに、その工程を地図に載せたいと思ったことはありませんか。旅行記をブログに書いてその地図を貼りつければ、読者にどこをどれだけ移動したのかがわかりやすくなると思います。そこで今回は、Googleマップを使って地図に線を引く方法をご紹介しようと思います。 まずはGoogleマップを開きます。 線を引く 画面右上の「マイブレイス」を押します。 次に、地図を作成のボタンを押します。 この画面上で線を引くことができます。 では早速やっていきましょう。 Googleマップに何を書き加えるか選択できます。ここは直線を引くでいいと思います。 では好きなところに線を引きましょう。 線を引き終わったら、引いた線のタイトルや説明文を入れる画面が出てくるのでこちらの入力をして「OK」のボタンを押します。 次に地図を作ります。 まずは地図の中心にもっていきたい場所で、右クリックをして「ここを地図の中心
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AdSense (日本語) - Google グループ
Brand Resource Center
