获取定位信息

最新推荐文章于 2023-06-29 15:30:42 发布

行走在边缘

最新推荐文章于 2023-06-29 15:30:42 发布

阅读量1k

点赞数

文章标签：获取定位信息

本文链接：https://blog.csdn.net/p1382526/article/details/102902059

版权

获取定位信息

html代码
<body>
<div id="container"></div>
</body>
js代码
<script charset="utf-8" src="http://map.qq.com/api/js?v=2&libraries=convertor"></script>
<script>
 var lat=39.916527,lng=114.397128;
 function getLocation(){
   //判断是否支持 获取本地位置
     if (navigator.geolocation){
       navigator.geolocation.getCurrentPosition(showPosition);
     }
     else{
      alert("浏览器不支持定位.");
     }
 }
 function showPosition(position){
 lat=position.coords.latitude; 
 lng=position.coords.longitude;
 alert(lat+"lng:"+lng)
 //调用地图命名空间中的转换接口   type的可选值为 1:gps经纬度，2:搜狗经纬度，3:百度经纬度，4:mapbar经纬度，5:google经纬度，6:搜狗墨卡托
 qq.maps.convertor.translate(new qq.maps.LatLng(lat,lng), 1, function(res){
    //取出经纬度并且赋值
       latlng = res[0];
    var map = new qq.maps.Map(document.getElementById("container"),{
         center:  latlng,
         zoom: 13
     });
     //添加监听事件   获取鼠标单击事件
     qq.maps.event.addListener(map, 'click', function(event) {
         var marker=new qq.maps.Marker({
                 position:event.latLng, 
                 map:map
           });  
           var latlng =event.latLng;
           lat=latlng.lat;
           lng=latlng.lng;
//         alert(lat+"lng>>>"+lng)
         
        qq.maps.event.addListener(map, 'click', function(event) {
             marker.setMap(null);
      });
     });
      
     });
     
 }
</script>

行走在边缘

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
获取定位信息

获取定位信息html代码<body><div id="container"></div></body>js代码<script charset="utf-8" src="http://map.qq.com/api/js?v=2&libraries=convertor"></script><script...
复制链接

扫一扫