jquery mobile中获取触摸坐标的方法:
思路:利用jquery.mobile.js(下载)获取GPS设备的经纬度信息,然后显示输出在sogou地图上。
1.加载jquery.min.js2.加载jquery.mobile.min.js
3.var gps = navigator.geolocation调用GPS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>手机GPS定位获取</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.mobile.min.js"></script>
<script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.5.1.js"></script>
<script type="text/javascript">
function initialize(GX,GY) {
var map = new sogou.maps.Map(document.getElementById("map_canvas"), {
zoom: 15, //放大级别
center: new sogou.maps.LatLng(GX,GY),//设置中心点
mapTypeId: sogou.maps.MapTypeId.ROADMAP
})
var myLatlng = new sogou.maps.LatLng(GX,GY)
var marker1=new sogou.maps.Marker({
position: myLatlng,
map: map,
title:"经纬度坐标:"+myLatlng,
label:{visible:true,align:"TOP"}
})
}
function startgps(){
var gps = navigator.geolocation
if (gps){
gps.getCurrentPosition(showgps,
function(error){
alert("Got an error, code: " + error.code + " message: "+ error.message)
},{maximumAge: 10000}//超时为10000毫秒
)
}else{
showgps()
}
}
function showgps(position){
if (position) {
var latitude = position.coords.latitude
var longitude = position.coords.longitude
initialize(latitude,longitude)//调用Sogou地图显示坐标
}else{
alert("position is null")
}
}
</script>
<style type="text/css">
body{height:100%margin:0pxpadding:0px}
#map_canvas{height:100%height:500px}
</style>
</head>
<body onload="startgps()">
<div id="map_canvas"></div>
</body>
</html>