您当前的位置: 首页 > 学无止境 > 心得笔记 网站首页心得笔记
jssdk地理定位(经纬度与地址名称)
发布时间:2017-02-19 17:55:33编辑:雪饮阅读()
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jssdk地理定位(经纬度):</title>
<script>
wx.getLocation({
type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
success: function (res) {
var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
var speed = res.speed; // 速度,以米/每秒计
var accuracy = res.accuracy; // 位置精度
xylat=latitude;
xylng=longitude;
document.getElementById("lat").value=xylat;
document.getElementById("lng").value=xylng;
var geocoder2,map2, marker = null;
var init2 = function() {
var center = new qq.maps.LatLng(39.916527,116.397128);
map2 = new qq.maps.Map(document.getElementById('container'),{
center: center,
zoom: 13
});
var info = new qq.maps.InfoWindow({map: map});
geocoder2 = new qq.maps.Geocoder({
complete : function(result){
console.log(result.detail);
document.getElementById("address").value=result.detail.address;
}
});
};
init2();
var latLng = new qq.maps.LatLng(xylat, xylng);
geocoder2.getAddress(latLng);}
});
</script>
</head>
<body>
注意:需要jssdk配置ok,并且要引入腾迅地图api
经度:<input type="text" id="lng" value="" />
纬度:<input type="text" id="lat" value="" />
地址:<input type="text" id="address" value="" />
<div id="container"></div>
</body>
</html>
关键字词:jssdk,经纬度,地址