获取当前位置城市
来源:互联网 发布:有关大数据的论文 编辑:程序博客网 时间:2024/06/15 08:18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="demo">点击按钮获取您当前坐标(可能需要比较长的时间获取):</p>
<button onclick="getLocation()">点我</button>
<div id="mapholder"></div>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError); //如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。
}
else
{
x.innerHTML="该浏览器不支持获取地理位置。";
}
}
function showPosition(position)
{
var latlon=position.coords.latitude+","+position.coords.longitude; //纬度:"+position.coords.latitude. 经度:"+position.coords.longitude
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="demo">点击按钮获取您当前坐标(可能需要比较长的时间获取):</p>
<button onclick="getLocation()">点我</button>
<div id="mapholder"></div>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError); //如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。
}
else
{
x.innerHTML="该浏览器不支持获取地理位置。";
}
}
function showPosition(position)
{
var latlon=position.coords.latitude+","+position.coords.longitude; //纬度:"+position.coords.latitude. 经度:"+position.coords.longitude
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>"; //在地图中显示结果
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
</script>
</body>
</html>
0 0
- 获取当前位置城市
- Android百度地图API获取当前位置和当前城市
- [转Iphone]获取当前位置
- iPhone获取当前位置信息
- android 获取当前位置
- iOS获取当前位置信息
- 获取手机的当前位置
- wp(5) 获取当前位置
- iOS---获取当前位置信息
- IOS获取当前位置
- 地图获取当前位置
- IOS获取当前位置
- js获取鼠标当前位置
- iOS获取当前位置经纬度
- 获取鼠标当前位置
- 获取当前位置信息
- ios 获取屏幕当前位置
- 关于获取用户当前位置
- 浅谈JVM类加载机制
- Little Artem and Dance(思路)
- elasticsearch5.3安装插件head
- 全国省市县初始化数据库笔记
- GIT 版本控制学习 怎么操作git
- 获取当前位置城市
- Java反射机制——学习总结
- unity3d完成VR手柄第一人称射击小游戏(纯代码)
- springMVC返回json数据时date类型数据被转成long类型
- AndroidStudio使用之——两种方式添加类注释模板
- 20170504@System类中的方法
- opencv+win7+s2013环境搭建
- url地址格式的小结
- 不同节点相同变量值,前一个append(var)覆盖了后一个append(var)