Google Maps APIで表示しているマーカーを切り替える
昨日jsonのデータを使ってGoogle Mapsにマーカーを設置する記事を掲載しましたが、このマーカーをカテゴリ毎に絞り込めるようにしてみます。 サンプルコード ベースとなるコードはこちらの記事を参照ください。 まずはjsonファイルにカテゴリの項目を追加します。 { "data": [ { "name": "AKIBAカルチャーズZONE", "latlng": { "lat": 35.699519, "lng": 139.770388 }, "category": ["a","b"], "icon": "a" }, { "name": "秋葉原ガチャポン会館", "latlng": { "lat": 35.701861, "lng": 139.771220 }, "category": ["b"], "icon": "b" }, ～ 略 ～ { "name": "コミックとらのあな秋
見出しから目次を生成するJavaScriptのライブラリ「toc.js」を使ってみる
ページ内にある見出しから目次を自動生成するJavaScriptのライブラリ「toc.js」を使ってみます。 設定方法 Githubのページから一式をダウンロードします。 ダウンロード後にファイルを解凍して、ターミナル(Windowsの場合はコマンドプロンプト)でtoc-masterへ移動します。 cd 設置したディレクトリまでのパス/toc-master 必要なパッケージをインストールします。 npm install パッケージのインストール完了後、ビルドを実行して必要なファイルを生成します。 npm run build distディレクトリが生成されるので、その中にあるtoc.bundle.jsを読み込ませます。 <script src="toc.bundle.js"></script> 目次を追加する要素を用意します。 <div class="toc" data-toc="h1,h2,
Category Order and Taxonomy Terms Orderを使うとget_tags()の並び替えが効かなくなる
Category Order and Taxonomy Terms Orderを使うとget_tags()の並び替えが効かなくなる Category Order and Taxonomy Terms Orderを使った際、get_tags()の並び順(orderby)がidから変更できなくなったので対応方法をメモしておきます。 サンプルコード get_tags()でタグの一覧を表示させてみます。 PHP <?php $tags = get_tags(); if( $tags ): ?> <ul> <?php foreach( $tags as $tag ): ?> <li> ID:<?php echo esc_attr( $tag->term_id ); ?> 名前:<?php echo esc_html( $tag->name ); ?> </li> <?php endforeach;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
