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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步