Web初心者でもGoogle Mapsをカスタマイズできるgmaps.jsでAPIを使い倒そう！
Google MapsのAPIを使いやすくしたライブラリーgmaps.jsの使い方を解説しています。地図上に線を描いたり、指定した座標の地図を画像として取得したり、住所から緯度経度への変換機能、移動ルートの表示、ストリートビューの表示などができます。
http://liginc.co.jp/web/programming/server/132459
Google Mapsの地図に目的地までのルートをJavaScriptで描画する方法
Googleマップに任意のルートを描く方法です。地図にGoogleMapを利用する際に駅からの目的の場所までのルートを表示する際などに使えますね。
http://liginc.co.jp/web/js/other-js/132151
重複しない複数の要素をランダムに表示する方法
指定した要素をランダム表示させます。<li>要素や<p>要素、<div>要素、<img>要素など任意の要素を指定できます。5つの要素から2つをランダムに表示なども簡単に実装できます。
【jQuery】重複しない複数の要素をランダムに表示する方法。（jQuery編）
例えば「1」〜「10」までの要素の中から３つだけランダムに抽出して表示させたい場合があります。この際、抽出した要素が重複することなく、さらに順番も含めてランダム...
on-ze.com
jQuery(function($) {
$.fn.extend({
randomdisplay : function(num) {
return this.each(function() {
var chn = $(this).children().hide().length;
for(var i = 0; i < num && i < chn; i++) {
var r = parseInt(Math.random() * (chn - i)) + i;
$(this).children().eq(r).show().prependTo($(this));
}
});
}
});
$(function(){
$("[randomdisplay]").each(function() {
$(this).randomdisplay($(this).attr("randomdisplay"));
});
});
});
<ul randomdisplay="3"> <li><a href="#1">要素１</a></li> <li><a href="#2">要素２</a></li> <li><a href="#3">要素３</a></li> <li><a href="#4">要素４</a></li> <li><a href="#5">要素５</a></li> </ul>