Google AJAX APIローダーのgoogle.load()メソッドを使うと、Google Maps API、jQuery APIなどをGoogle CDN(Content Delivery Netwrork)からダイナミックにロードすることができる。
その方法を忘れないように下記に示しておく。
このサンプルは、google.load()メソッドを使ってGoogle Map V3とjQuery 1.7.2のライブラリを実行時にダイナミックにロードする例である。ライブラリのロードが完了すると、google.setOnloadCallbackイベントが実行される。
なお、google.load()メソッドを使うには<head>~</head>に<script src=”http://www.google.com/jsapi” type=”text/javascript”></script>を記述しておく必要がある。
<script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('maps', '3.0', {other_params: 'sensor=false'}); // Google Maps API V3のロード google.load('jquery', '1.7.2'); // jQuery 1.7.2のロード google.setOnLoadCallback(function() { // ロードが完了した際に実行するコールバック処理 $(function() { var latlng = new google.maps.LatLng(35.658632, 139.745411); ・ ・ ・ }); }); </script>