【デモあり】Google Maps APIを使った、オリジナルマップのメリットと実装方法｜株式会社アクトゼロ｜クリエイティブブログ

この他にも様々なAPIがあります、詳しくは公式のGoogle Maps APIのページをご覧ください。 今回は一般的な、webサイトで利用するためのGoogle Maps JavaScript APIを用いて話を進めていきます。 デモページの紹介 前置きが長くなりましたが、Google Maps APIを使ったデモページをご紹介します。 デモページを見る 全国の地方自治体を上記3サイトにおける店舗と見立てて実装しました。 （上記3サイトと比べるとだいぶ機能が削ぎ落とされていますが。） 挙動の説明等はデモページ上に記載していますので、こちらでは具体的な実装方法について順番に説明していきたいと思います。 なお、実装にはHTML、CSS、JavaScriptとjQueryの基礎知識があれば大丈夫だと思います。 1.必要なデータを準備する まず、マップ上に表示する建物のデータが必要です。今回の実装