ポートフォリオ作りました。(改良版)

20121003180745
一応、軽い説明を、この私の名前の書かれた本の
角にマウスをあわせてクリックしたまま移動すると
ページがめくれる仕組みになってます。
ページ内の画像をクリックするとリンクになっており
紹介された、サイトと同じページになっています。

googleapi

<a class="keyword" href="http://d.hatena.ne.jp/keyword/Google%20Maps%20API">Google Maps API</a>

// ■地図初期化し表示 function initialize() { // ■地図を表示する緯度経度を指定する var latlng = new google.maps.LatLng(-6.211544, 106.845172); // ■地図必須プロパティを設定 var myOptions = { // ■ズームレベルの指定 0〜17 zoom: 14, // ■地図の中心を指定(上記で設定の緯度経度latlng) center: latlng, // ■地図のタイプ設定 //  ROADMAP:デフォルト、SATELLITE:写真タイル、HYBRID:写真タイルと主要な機能、TERRAIN:物理的な起伏を示すタイル mapTypeId: google.maps.MapTypeId.ROADMAP };// 地図プロパティここまで // ■

と結びつけて、その領域に地図を描く var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // ■中心にマーカーの表示 var marker1 = new google.maps.Marker({ position: latlng, title:"ジャカルタ" }); marker1.setMap(map); // ■マーカーの追加表示(緯度経度指定の場合) var myLatlng = new google.maps.LatLng(48.856614, 2.352222); var marker2 = new google.maps.Marker({ position: myLatlng, title:"パリ" }); marker2.setMap(map); //■マーカーをクリックしたら、情報 ウィンドウを表示 var marker1text = 'ここはジャカルタです' var infowindow1 = new google.maps.InfoWindow({ content: marker1text, maxWidth:200 }); google.maps.event.addListener(marker1, 'click', function() { >|html| infowindow1.open(map,marker1); }); var marker2text = 'ここはパリです' var infowindow2 = new google.maps.InfoWindow({ content: marker2text, maxWidth:200 }); google.maps.event.addListener(marker2, 'click', function() { infowindow2.open(map,marker2); }); }//initialize()