jQuery根据纬度经度查看地图
<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>
jQuery根据纬度经度查看地图相关推荐
- Android百度地图 - 在地图上标注已知GPS纬度经度值的一个或一组覆盖物 - OPEN 开发经验库 - 360安全浏览器 8.1...
Android百度地图 - 在地图上标注已知GPS纬度经度值的一个或一组覆盖物 - OPEN 开发经验库 - 360安全浏览器 8.1 首页 代码 文档 问答 资讯 经验 Gi ...
- neo4j 两个点创建关系_Neo4j:找到两个纬度/经度之间的中间点
neo4j 两个点创建关系 昨天我写了一篇博客文章,展示了如何使用Cypher查找两个纬度/经度之间的中点,这是第一次尝试填补缺失位置时的效果,但是我意识到我可以做得更好. 正如我在上一篇文章中提到的 ...
- neo4j导入两个文件_Neo4j:找到两个纬度/经度之间的中点
neo4j导入两个文件 在过去的两个周末中,我一直在处理一些运输数据,并且我想运行A *算法来查找两个车站之间的最快路线. A *算法将EstimateEvaluator作为其参数之一,并且该评估器查 ...
- Neo4j:找到两个纬度/经度之间的中间点
昨天我写了一篇博客文章,展示了如何使用Cypher查找两个纬度/经度之间的中点,这是第一次尝试填补丢失位置的方法,但我意识到我可以做得更好. 正如我在上一篇文章中提到的,当我找到一个缺少经纬度坐标的停 ...
- Neo4j:找到两个纬度/经度之间的中点
在过去的两个周末中,我一直在处理一些运输数据,并且我想运行A *算法来查找两个车站之间的最快路线. A *算法将一个EstimateEvaluator作为其参数之一,然后该评估器查看节点的经度/纬度, ...
- c语言地理坐标存储 转发,纬度/经度坐标的2个列表之间的地理距离
要计算具有经度/纬度坐标的两点之间的地理距离,可以使用几个公式. 包地geosphere包含用于计算距离的distCosine , distHaversine , distVincentySphere ...
- 使用GeoTools创建一个具有纬度,经度和半径的圆
方法1 Polygon circle = geometryBuilder.circle(经度,纬度, 半径, 圆周上点的个数); 方法2 public GeoJsonPolygon createRad ...
- python--计算纬度/经度格式的网格点之间的实际距离
前言 一般在处理海洋.气象数据时,往往会通过一些收支方程来对某一气象要素进行诊断分析,而大部分的诊断方程往往都会包含对于变量的偏导.比如dTdx,DTdy等.而一般得到的经纬度的单位为弧度,而dx的单 ...
- html5获取纬度经度,html5获取不了经度和纬度
点击这个按钮,获得您的位置: 试一下 var x=document.getElementById("demo"); function getLocation() { if (nav ...
- 8位小数mysql_纬度/经度(小数点后8位)应使用哪种MySQL数据类型?
小编典典 DECIMAL是用于精确算术的MySQL数据类型.与FLOAT不同,它的精度对于任何大小的数字都是固定的,因此通过使用它而不是FLOAT,可以在进行某些计算时避免精度误差.如果您只是存储和检 ...
最新文章
- 漫谈 Weblogic CVE-2020-2555
- ubuntu c/c++ IDE编程环境
- php压制错误的代码,为什么要压制PHP错误?
- iOS 做一个圆形渐变圆环
- C#回车切换焦点实现实例解析
- Android使用帧动画解决内存溢出问题
- 原力计划·精英季来了!第一周周榜揭晓,你喜欢的博主上榜了吗?
- SpringBoot与JdbcTemplate的完美结合
- Hadoop:hadoop fs、hadoop dfs与hdfs dfs命令的区别
- LinuxCentOS 7镜像下载
- macbook word插入公式快捷键 输入阿拉伯数字快捷键 快速打开访达快捷键
- Towards End-to-End Prosody Transfer for Expressive Speech Synthesis with Tacotron
- C语言编程基础— 一维数组 (编程实现从键盘输入20个整数,统计非负数个数,并计算非负数之和。)
- Mac上安装XAMP环境
- matlab 球坐标绘图,在Matlab中绘制球坐标系
- 【Python绘图】pyecharts绘制南丁格尔玫瑰图
- 一个好强的mm写给男朋友的绝交信
- uni-app:uni-icons的使用及如何自定义图标
- 腾讯云直播、生成腾讯推拉流
- App 瘦身的七种方法