今回はWordPressに限った話ではないが、地図をウェブサイト上に表示する一つの方法についてである。企業サイト・商用ホームページを作成していると、会社やお店の位置を表す地図を載せたい場面というのは結構あるはずだ。地図を載せる方法としては、イラストレーターなどで独自に描いた地図、Google Maps APIやYahoo Maps APIなどのAPIを利用した地図が一般的だろう。ここで紹介するのは、Google Mapsの地図を使った方法だが、APIを一切使わずに、<img>タグだけで自由に地図を張り付けることができる方法だ。 まずは次の地図を見てほしい。これは見慣れたGoogle Mapsだが、<img>タグで読み込んでおり、JavaScriptを一切使用していない。そのため、携帯電話でもGoogle Mapsの地図を表示できる。また静的に読み込むため、各種APIを使用してJavaScr
![お手軽にGoogle Mapsの地図を張り付ける方法(携帯電話でも表示できる) | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go](https://cdn-ak-scissors.b.st-hatena.com/image/square/30b06586d4ebcb6bbac07088588f61abf59790bb/height=288;version=1;width=512/https%3A%2F%2Fwpgogo.com%2Fwp-content%2Fuploads%2Fheader.jpg)