Map-T

获取前端定位显示,仅获取粗略位置

详细文档

注意:定位组件在首次定位成功 或 首次定位失败后，还会继续尝试定位，如果后续获取到精度更高的位置信息，还会继续触发父页面接收定位信息的message事件。业务层请勿在回调函数里直接使用var map = new qq.maps.Map() 否则有可能导致页面创建出多个地图对象。

<div 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=your key&referer=your app"></iframe>
            <script>
                var xj = document.getElementById("xj");
                window.addEventListener('message', function(event) {
                    // 接收位置信息
                    var loc = event.data;
                    console.log('location', loc);
                    if(loc!=null){
                        xj.innerHTML = loc.city;
                    }else{
                        xj.innerHTML = "定位中..";
                    }
                }, false);
            </script>