前端JS获取用户位置

精确至城市

(基于腾讯位置服务的IP定位,需申请KEY)

<div class="leftnav" id="xj"></div>
        <iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no" src="https://apis.map.qq.com/tools/geolocation?key=You Key"></iframe>
        <script>
            var xj = document.getElementById("xj");
            window.addEventListener('message', function(event) {
                // 接收位置信息
                var loc = event.data;
                console.log('location', loc);
                if(loc!=null&&loc.city!=undefined){
                    xj.innerHTML = loc.city;
                }
            }, false);
        </script>