jQuery根据纬度经度查看地图处理程序
更新时间：2013年05月08日 17:53:12 作者：
jQuery根据纬度经度查看地图处理程序如下在这里要注意js的引入顺序，有需求的朋友可以参考下哈希望对你有所帮助
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
//在这里要注意js的引入顺序
<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>
</body>
</html>
相关文章
这篇文章主要分为以下知识：什么是Callbacks、Callbacks模型、基本模块实现、once和auto(memory)、源码和源码下载，十分的细致全面，这里推荐给大家，有需要的小伙伴参考下吧。2015-03-03
Jquery带搜索框的下拉菜单，需要的朋友可以参考一下2013-05-05
这篇文章主要介绍了jQuery事件用法实例汇总,对事件的绑定及各类事件的用法做了较为详尽的实例分析,有很好的借鉴价值,需要的朋友可以参考下2014-08-08
Struts2的s:radio标签使用及用jquery添加change事件
用到Struts2的s:radio标签时想给它添加一个change事件，由于此标签为页面自动生成一个radio组，不可以像正常那样控制，于是想到用jquery来实现2013-04-04
这篇文章主要介绍了jquery实现邮箱自动填充提示功能，为了提高用户的体验，很多网站都会实现邮箱输入的自动提示功能，对如何实现自动提示功能感兴趣的小伙伴们可以参考一下2015-11-11
本文通过实例代码给大家分享了基于jQuery Easyui实现登陆框界面，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-07-07
JQuery的强大之处，这里就不用讲了。这里将用一行简单的JQuery代码实现简单的表格筛选。2010-07-07
jQuery对事件系统的抽象与优化也是它的一大特色。本文仅从事件系统入手，简要分析一下jQuery为什么提供mouseenter和mouseleave事件，它们与标准的mouseover、mouseout事件有什么区别2011-11-11
本文给大家分享的是使用jQuery制作的模仿百度时间轴特效的代码，效果非常不错，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要介绍了jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码,涉及jquery插件SuperSlide.2.1.js实现滑动切换效果的技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
最新评论