html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head> 4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
</head>7
<body>8
<p id="demo">点击按钮获取您当前坐标（可能需要比较长的时间获取）：</p>9
<button onclick="getLocation()">点我</button>10
<div id="mapholder"></div>11
<script>12
var x=document.getElementById("demo");13
function getLocation()14
{15
if (navigator.geolocation)16
{17
navigator.geolocation.getCurrentPosition(showPosition,showError);18
}19
else20
{21
x.innerHTML="该浏览器不支持获取地理位置。";22
}23
}24
25
function showPosition(position)26
{27
var latlon=position.coords.latitude+","+position.coords.longitude;28
29
var img_url="http://maps.googleapis.com/maps/api/staticmap?center="30
+latlon+"&zoom=14&size=400x300&sensor=false";31
document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";32
}33
34
function showError(error)35
{36
switch(error.code) 37
{38
case error.PERMISSION_DENIED:39
x.innerHTML="用户拒绝对获取地理位置的请求。"40
break;41
case error.POSITION_UNAVAILABLE:42
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java