基于jquery實(shí)現(xiàn)控制經(jīng)緯度顯示地圖與衛(wèi)星
更新時(shí)間：2013年05月20日 17:41:10 作者：
下文與大家分享下使用jquery實(shí)現(xiàn)控制經(jīng)緯度顯示地圖與衛(wèi)星，感興趣的朋友可以參考下哈，希望對你有所幫助
復(fù)制代碼 代碼如下:
<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">經(jīng)度</label>
<input id="lng" name="lng" value="-93.278"/>
<div id="map"></div>
<div class="demo-description">
</div>
相關(guān)文章
這篇文章主要介紹了jQuery操作JSON的CRUD用法,實(shí)例分析了jQuery進(jìn)行CURD的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
jQuery實(shí)現(xiàn)垂直半透明手風(fēng)琴特效代碼分享
這是一款jquery hover抽屜式導(dǎo)航圖片展開收縮切換特效代碼，用戶還可以自定義對應(yīng)幻燈片的標(biāo)題與文字說明，是一款非常實(shí)用的幻燈片特效源碼。2015-08-08
本文給大家詳細(xì)介紹了jquery事件的ready()方法使用方法，以及jQuery中ready與load事件的區(qū)別，非常的詳盡，有需要的小伙伴可以參考下。2015-11-11
這篇文章主要介紹了編寫自己的jQuery提示框（Tip）插件的方法,需要的朋友可以參考下2015-02-02
jQuery slider Content(左右控制移動(dòng))
jQuery slider Content(左右控制移動(dòng))實(shí)現(xiàn)代碼，大家可以參考下。2009-09-09
jQuery實(shí)現(xiàn)復(fù)選框批量選擇與反選的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)復(fù)選框批量選擇與反選的方法,主要通過jQuery的attr與removeAttr方法實(shí)現(xiàn)選擇與反選的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-06-06
jQuery ajax時(shí)間差導(dǎo)致的變量賦值問題分析
這篇文章主要介紹了jQuery ajax時(shí)間差導(dǎo)致的變量賦值問題,結(jié)合實(shí)例對比分析了jQuery的ajax調(diào)用中出現(xiàn)的時(shí)間差賦值問題原因與解決方法,需要的朋友可以參考下2016-01-01
jQuery easyUI datagrid 增加求和統(tǒng)計(jì)行的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨Query easyUI datagrid 增加求和統(tǒng)計(jì)行的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
下面小編就為大家?guī)硪黄猨Query獲取同級元素的簡單代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
jQuery插件 tabBox實(shí)現(xiàn)代碼
最近對js以及jq產(chǎn)生了濃厚的興趣，看到j(luò)q有很多很好用的插件，功能各異，包括webUI,jqGrid等等。心里萌發(fā)了制作屬于自己的jq插件的想法。2010-02-02