表題の通りですが、SOY CMSとSOY Shopの管理画面で利用しているjQueryやBootstrapをCDN(コンテンツデリバリネットワーク)経由で読み込む設定を追加しました。コンテンツデリバリーネットワーク - WikipediaSOY CMS3系とSOY Shop2系の管理画面ではBootstrapを用いているが、プラグインも合わせて14個のファイルを読み込んでいます。軽量なファイルとはいえ、14個もファイルがあると、それなりにサーバの負荷がかかることに
とにかく速いブログサイトを目指す
カテゴリー : クラウドサービス
クラウドサービスのカスタマイズ
OpenStreetMap + Leafletで設置したマーカーにクリックのイベントを追加した
/** Geminiが自動生成した概要 **/
OpenStreetMapとLeafletを用いて地図上にマーカーを設置し、クリックイベントを追加する方法について解説しています。まず、Leafletで地図上にマーカーを設置する基本的なコードを示し、クリックイベントを追加するために`L.geoJSON`を使用する方法を説明しています。`L.geoJSON`の第二引数に`onEachFeature`オプションを渡すことで、マーカーごとにクリックイベントを設定できます。記事では、クリックイベント発生時に任意のURLへ遷移する例を挙げており、PCとスマホそれぞれでクリックとタップイベントに対応するコードを記述しています。
OpenStreetMap + Leafletを試してみた
/** Geminiが自動生成した概要 **/
この記事では、Google Maps JavaScript APIの代わりにOpenStreetMapとLeafletを使って地図を表示する方法を紹介しています。OpenStreetMapは無料で利用でき、Leafletは簡単に地図を表示できるJavaScriptライブラリです。記事では、大阪府高槻市の摂津峡を例に、緯度経度を指定して地図を表示し、マーカーを設置する手順をコード付きで解説しています。結果として、少ないコードで簡単に地図上にマーカーを表示することができました。