<div class="codetitle"> <span><a style="CURSOR: pointer" data="65617" class="copybut" id="copybut65617" onclick="doCopy('code65617')"><u>复制代幣</u></a></span>代码如下:</div> <div class="codebody" id="code65617"> <br><html xmlns="http://www.w3.org /1999/xhtml"> <BR><頭> <BR><title></title> <br>// ここで注意すべきjs の導入手順 <br><link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" /> <br><link href="css/jquery.ui.theme.css" rel="stylesheet" type="text/css" /> <br><script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <br><script src="js/jquery-1.9.1.js" type="text/javascript"></script> <br><script src="js/jquery.mousewheel.js" type="text/javascript"></script> <br><script src="js/jquery.ui.core.js" type="text/javascript"></script> <br><script src="js/jquery.ui.widget.js" type="text/javascript"></script> <br><script src="js/jquery.ui.button.js" type="text/javascript"></script> <br><script src="js/jquery.ui.spinner.js" type="text/javascript"></script> <br><link href="css/demos.css" rel="stylesheet" type="text/css" /> <br><script type="text/javascript"> <br>$(function () { <br>function latlong() { <br>return new google.maps.LatLng($("#lat").val(), $("#lng").val( )); <br>} <br>関数position() { <br>map.setCenter(latlong()); <br>$("#lat, #lng").spinner({ <br>ステップ: .001, <br>変更: 位置, <br>停止: 位置 <br>}); <br>var map = new google.maps.Map($("#map")[0], { <br>ズーム: 8、<br>センター: latlong()、<br>mapTypeId: google.maps.MapTypeId.ROADMAP <br>}); <br></script> <br><style type="text/css"> <br>#map { <br>width:500px; <br>高さ:500ピクセル; <br>} <br></style> <br></head> <br> <br><label for="lat">纬度</label> <br><input id="lat" name="lat" value="44.797"/> <BR><br> <BR><label for="lng">经度</label> <br><input id="lng" name="lng" value="-93.278"/>> <br><div id="map"></div> <br><div class="デモ説明"> <br> </div> <br></body> <br></html> <br><br>