手机获得经纬度

<script src="jquery-2.1.3.min.js"></script>

 

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

<div id="allmap" style="height: 500px;"></div>
<div id="r-result">
经度: <input id="longitude" type="text" style="100px; margin-right:10px;" />
纬度: <input id="latitude" type="text" style="100px; margin-right:10px;" />
<input type="button" value="查询" onclick="theLocation()" />
</div>

  

<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.331398,39.897445),11);
map.enableScrollWheelZoom(true);

// 用经纬度设置地图中心点
function theLocation(){
if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
map.clearOverlays(); 
var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
var marker = new BMap.Marker(new_point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.panTo(new_point); 
}
}


var a=document.getElementById("latitude");//纬度
var b=document.getElementById("longitude");//经度

$(document).ready(function(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
x.innerHTML="该浏览器不支持获取地址位置.";//不起作 用
}
});

function showPosition(position){
a.value = position.coords.latitude;
b.value = position.coords.longitude;

}
</script>

  

原文地址:https://www.cnblogs.com/JamyWong/p/7623161.html