您的位置：首页 > 其它

控经纬度显示地图与卫星

2013-05-20 09:14 337 查看
<link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" />

<link href="css/jquery.ui.theme.css" rel="stylesheet" type="text/css" />

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

<script src="js/jquery-1.9.1.js" type="text/javascript"></script>

<script src="js/jquery.mousewheel.js" type="text/javascript"></script>

<script src="js/jquery.ui.core.js" type="text/javascript"></script>

<script src="js/jquery.ui.widget.js" type="text/javascript"></script>

<script src="js/jquery.ui.button.js" type="text/javascript"></script>

<script src="js/jquery.ui.spinner.js" type="text/javascript"></script>

<link href="css/demos.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

$(function () {

function latlong() {

return new google.maps.LatLng($("#lat").val(), $("#lng").val());

}

function position() {

map.setCenter(latlong());

}

$("#lat, #lng").spinner({

step: .001,

change: position,

stop: position

});

var map = new google.maps.Map($("#map")[0], {

zoom: 8,

center: latlong(),

mapTypeId: google.maps.MapTypeId.ROADMAP

});

});

</script>

<style type="text/css">

#map {

width:500px;

height:500px;

}

</style>

</head>

<body>

<label for="lat">纬度</label>

<input id="lat" name="lat" value="44.797"/>

<br>

<label for="lng">经度</label>

<input id="lng" name="lng" value="-93.278"/>

<div id="map"></div>

<div class="demo-description">

</div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航