Mapを自由自在にカスタマイズしよう!こんにちは。ジーニアスウェブの米田です。Mapが利用されていると思います。デフォルトのデザインのままではつまらなかったり、サイト自体の雰囲気を壊してしまう可能性もあります。APIなるものを利用する必要があります。APIを利用するにはAPIキーの取得が必須になりました。以下、APIキーの取得方法になります。取得するにはGoogleアカウントが必要になるので、作成しておきましょう。取得方法はコチラ基本設定JavaScriptで地図を埋め込む記述を追加します。APIを読み込むます。src="//maps.googleapis.com/maps/api/js?key=[取得したAPIキー]&callback=loadedGoogleMap"></script>そして、地図を表示させたい場所のHTMLタグにIDを指定します。(9行目)あとは、表示させたい位置の緯度経度を指定すれば、設置完了です。Wizardというツールを使うことで、簡単にカスタマイズが可能です。実際にいじって遊んでみてください。お手軽さが分かるかと思います。全体の色・色味を変更したり、線路や住所表示の有無も調整できます。その他にも細かく設定ができるので、自分好みにカスタマイズしてみてください。スタイルがが決まったら、出力しましょう。JSON」ボタンをクリックするとコードが表示されるので、これを先ほど記述したJS部分にコピペします。以上でスタイルが反映されます。ピンアイコンを変更するこちらもとても簡単。google.maps.Marker(markerOptions);</script>最後にとても簡単に実装ができるので、サイトデザインの幅が広がりますね。自分で好きなようにカスタマイズするのもいいですし、ギャラリー集なんかもあるので、参考にしてみるのもいいかもしれません。大阪オフィスで、フロントエンドを担当しています。大阪オフィスで、フロントエンドを担当しています。DOWNLOAD顧客獲得に成功した24社の成功事例を1冊にまとめました。顧客獲得にお困りの方も、そうでない方も、一度お読みいただくことをお勧めします。中小企業のweb集客、知らないと損する5つの方法#中小企業のホームページ運用いま依頼している「ホームページ制作会社」に不満がある方へ#中小企業のホームページ運用ホームページ制作会社を選ぶコツは?選び方や比較するポイントをまとめましたFACEBOOKCOMPANYジーニアスウェブは大阪、東京、宮崎に拠点をおく新規客獲得に強いホームページ制作会社です。2006年4月の設立以来、全国1400社以上のお客様にサービスを提供しています。お客様がより高いパフォーマンスを達成できるよう、その実現に向けてお客様とともに取り組んでいます。