<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>My Home</title> <script type="text/javascript" src=""></script> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', function() { ///////////////////////////////////////////// var mapdiv = document.getElementById('map_canvas');
var myPos = new google.maps.LatLng(31.18145038894889, 121.35056018829345); // 地図の中央座標 緯度, 経度 var gmap = new google.maps.Map(mapdiv, { zoom : 16, // ズームレベルは16(詳細地図)ズームレベル(0~19) center : myPos, // 地図の中央座標 mapTypeId : google.maps.MapTypeId.ROADMAP, // 地図の種類(通常の地図) mapTypeControl : false, // コントローラーは表示しない noResize : true // 自動リサイズチェック }); //下面这段可以不要,只是为了显示中间的红色坐标位置用的 var marker = new google.maps.Marker({ position: new google.maps.LatLng(31.18145038894889, 121.35056018829345), map: gmap, title: '我家' }); var infowindow = new google.maps.InfoWindow({ content: '我家 Link', size: new google.maps.Size(500, 500) }); google.maps.event.addListener(marker, 'click', function() { infowindow.open(gmap,marker); });
///////////////////////////////////////////// });
function alertT(){ alert("I love U"); }
</script> </head> <body> <h1>My Home</h1> <div id="map_canvas" style="width : 800px; height : 600px;"></div> </body> </html>
|