「GoogleMap」カテゴリーアーカイブ

【2016年秋版】GoogleMapに複数の吹き出しのある地図をWordPressのショートコードで表示する

「GoogleMapに複数の吹き出しのある地図をWordPressのショートコードで表示する」という記事を2016年の2月16日に書いたのですが、その4ヶ月後の6月からGoogle mapを利用するときにAPIキーが必要になりました。そのため、blogに書いた内容では表示できないことになっていたようです。
ということで、2016年秋版のGoogleMapに複数の吹き出しのある地図をWordPressのショートコードで表示する、記事を書いてみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

新しいWebサイトでGoogleMapをAPIキーの取得をしなくても表示できたプラグイン

「6月22日から新規サイトでGoogleMapを表示する時はAPIキーが必要になった模様です」で書いたのですが、2016年6月22日までにそのWebサイトでGoogleMapを表示していなかったWebサイトでは、GoogleMapを表示する際にAPIキーが必要になりました。
APIキーを取得して、GoogleMapを表示しようかと思ってプラグインを試したりしていたのですがその中でAPIキーの取得をしなくても地図が表示できるプラグインがありましたので、それについて書きます。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

6月22日から新規サイトでGoogleMapを表示する時はAPIキーが必要になった模様です

数日前にタイムラインで見かけたのですが「6月22日からGoogleMapで地図を表示するにはAPIキーが必要になった」ということでした。
ということではあるのですが、今時点でAPIキーを使わずにGoogleMapで表示しているページは問題がないように見えます。
具体的はどういうときからAPIキーが必要になるのかを試してみましたので、それについて書きます。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

GoogleMapに複数の吹き出しのある地図をWordPressのショートコードで表示する

「GMaps.jsでGoogleMapに複数の吹き出しマーカーのある地図を作る」ではHTMLで複数マーカーのある地図を表示しました。
ここまできたらWordPressで同じような事を「簡単に」できるようにしたいなぁ、ということで子テーマに機能を追加してショートコードで複数の吹き出しマーカーのある地図を表示するカスタマイズをしてみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

GMaps.jsでGoogleMapに複数の吹き出しマーカーのある地図を作る

GoogleMapを使って複数の場所を1つの地図に掲載したいという要望があります。「オープンデータの住所からポインタ入り地図を作って自分のサイトに貼り付ける」で書いたようにマイマップを使って行う方法もあるのですが、今回は吹き出しだけで表示したいなどの要望だったため、GoogleMapのカスタマイズを簡単に使えるGMaps.jsを使って実現してみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

Jetpackの ショートコード 機能[GoogleMap]を使って地図を埋め込む

WordPressでサイトをつくるときに、Jetpackは便利なプラグインなので私の場合はサイトを作ると必ずインストールしています。先日、Jetpackのショートコードプラグインの説明を見ていたら色々なショートコードがあることに気がついたので使い勝手を試してみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

住所からGoogleMapを簡単に表示できるプラグイン simple map

Image [8]

8Beatアドベントカレンダーを毎日更新しています。8Beat内の設備やサービスの紹介と、近所にあるお店の紹介が主な内容です。

近所にあるお店ですが、なかなかどこにあるかわかりにくいので簡単にgooglemapを表示したいと思いました。プラグインで簡単に追加できたのでそれについて書きます。
続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

オープンデータの住所からポインタ入り地図を作って自分のサイトに貼り付ける

Image

先日書いた「GoogleMapにGoogleスプレッドシートのデータからポインタを複数表示する」で、とても簡単に複数のポインタを表示することができる!ということが分かりました。自分的になんだかこれが楽しくて、「色んなマップを作りたい!」という気持ちが高まってきたのですが、さて一体どんなマップを作ればいいのかな?と思ったときに、「そうだ!オープンデータがあるじゃないか」と思いつきました。

ということで、今回はオープンデータを使って地図上にポインタを表示してさらに自分のWebサイトに地図を埋め込むということをやってみようと思います。
続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

GoogleMapにGoogleスプレッドシートのデータからポインタを複数表示する

Image

あるプロジェクトのために複数の不動産物件を見学したりしています。複数人でそのデータを確認するためにGoogleスプレッドシートにデータをまとめて地図に表示したいと思いました。Googleのマイマップ機能を使って簡単に複数ポイントをマップに表示できたのでその方法について書いてみたいと思います。
続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

複数ポイント表示のGoogleMapがIE11から表示できなかったのを修正

Image

コワーキングスペースに行こう!go-coworking.com

というサイトをNetCommon2で作成して運営しています。全国のコワーキングスペースの情報を地図上で表示したいと思ってGoogleMapのAPIを利用して表示していましたが、IE11になったとたんにトップページのGoogleMapが表示されなくなってしまいました。
続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。