Yahoo!マップは日本最大級のポータルサイト「Yahoo! JAPAN」が提供する地図サービス。ルート検索・路線の乗り換えも。スマートフォン版やアプリ版もサクサクで便利。日本地図ならYahoo!マップで。
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
前回はaxiosをnuxtに導入して、郵便番号apiやqiita apiを動かしてみました。 今回はnuxtで郵便番号検索プラグイン作ってみたので、自作プラグインの作り方を書いています。 公式のこちらのドキュメントを参考に作ってみました。 プラグインファイルを作成する plugins/ 配下に作りたいプラグインのjsファイルを配置します。 plugins/zipcode.js という名前で作成しました。 ファイルの内容は下記です。 export default (context, inject) => { const zipcode = async function(zipcode) { return await this.$axios.get(`/zipApi/api/search?zipcode=${zipcode}`); } inject('zipcode', zipcode); c
前回に引き続き、Preview版のPower Pagesをハックしていきます。 今回は、標準の機能では提供されていない、郵便番号検索を実装します。 具体的には、Power PagesがレンダリングしているHTMLのDOMを調べて、そこにJavaScriptで直接ボタンオブジェクトを書き込み、そのボタンが押されたら郵便番号検索APIからデータ取得した住所データを表示するということをやってみたいと思います。 えぇ、、ちょっと自分でも「何言ってるのか、よくわからない」んですよ😁 まずはフィードバックテーブルに列を追加 Power Pagesのサンプルにある「お問い合わせ」ページに使われているテーブル「フィードバック」に「郵便番号」と「住所」を追加します。 ページのフォームにも追加した列を「フィールドを編集する」ボタンから表示させます。 「フィールドの追加」から「郵便番号」「住所」を選び「保存」
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く