2023.12.11記事内に広告が含まれています。当ブログでは、WordPress&Cocoon&エックスサーバーを使用しています。良いデザイン・カスタマイズが出来るようにプラグインやその方法をご案内しております。今回はその中でもMapに注目し、解説していきます。検索クエリについてまとめGoogleMapの埋め込み基本まずは基本形を確認。GoogleMapを開くMapを開いたら、共有ボタンをクリックします。リンクを取得する『地図を埋め込む』から、リンクを取得します。サイトのカスタムHTMLに貼り付けすると完成いたって簡単です。この方法では、膨大な数の場所を掲載する時に、1つ1つリンクを探さねばならず、相当な手間がかかります。今回はこれを解消します。iframeに直接検索ワードを入れてGoogleMapを表示する前章の地図を掲載する場合、検索ワードは東京スカイツリーです。カスタムhtml内に下記の様に入力することで、検索結果の地図を表示することが可能です。allowfullscreen=""></iframe>これで同じ表示になります。”q=東京スカイツリー”となっていますが、ここに検索したい場所を書くと、検索結果のMapが表示されます。このコードの詳細については、別に案内しますので、今回は割愛します。動的に検索文字列を指定する今回は「自動で、記事のタグをMapの検索ワードに入力して地図を表示する」というケースを作ってみます。タグを抽出まずは、タグを抽出します。$tag[0]->name;?>このコードで、タグが抽出出来ます。ショートコードを作成します。当ブログでは、WordPress&Cocoon&エックスサーバーを使用しています。wis-labo.com2023.01.03これにより、その記事についてるタグを検索した地図が掲載されます。検索はタグだけではなく、タイトルや、カスタムタクソノミーなど何でも対応出来ます。気を付けたいのは、検索結果が無かったり、複数出るような場合、地図が反映されないので、これについては個別に対応する必要があります。検索クエリについてクエリについては、appleとgoogleで違います。このクエリについては、まとめられているページがありますので、こちらを参考にしてみてください。Mapsを使ってみようまとめいかがでしたでしょうか?GoogleMapは大変便利なものですが、これを活用すると、大量の記事に対応するこが出来ますので、ぜひ試してみてください。ご意見等ありましたら、コメント欄にお願いします。ワードプレスのプラグインなどの情報を配信しております。よろしければご覧ください。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索クエリについてまとめ当サイトへのリンクについてWIS-LABOは、原則リンクフリーです。リンクを行う場合の許可や連絡は必要ありません。リンクの設定をされる際は、「WIS-LABO」へのリンクである旨を明示ください。※引用についても、出典元の明記とリンクをしていただければOKです。当サイトへのリンクについてWIS-LABOは、原則リンクフリーです。リンクを行う場合の許可や連絡は必要ありません。リンクの設定をされる際は、「WIS-LABO」へのリンクである旨を明示ください。※引用についても、出典元の明記とリンクをしていただければOKです。サイトマッププライバシーポリシーお問い合わせWIS-LABOは、原則リンクフリーです。リンクを行う場合の許可や連絡は必要ありません。リンクの設定をされる際は、「WIS-LABO」へのリンクである旨を明示ください。※引用についても、出典元の明記とリンクをしていただければOKです。コメントsearchタイトルとURLをコピーしました。