关于IOS10系统内微信公众号地图的显示问题

简介: 关于IOS10系统内微信公众号地图的显示问题

 1.使用腾讯位置服务可以完美的解决问题,已使用测试;

2.具体的解决方案:

调用方式1:引用封装好的JS模块,调起前端的定位组件,通过封装好的接口获取位置信息。

js引入地址:https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js

<!DOCTYPE html>

<html>

<head>

   <meta http-equiv="Content-Type"content="text/html; charset=UTF-8">

   <title>前端定位模块</title>

   <meta name="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

   <style>

       * {

           margin: 0;

           padding: 0;

           border: 0;

       }

       body {

           position: absolute;

           width: 100%;

           height: 100%;

           text-align: center;

       }

       #pos-area {

           background-color:#009DDC;

           margin-bottom: 10px;

           width: 100%;

           overflow: scroll;

           text-align: left;

           color: white;

       }

       #demo {

           padding: 8px;

           font-size: small;

       }

       #btn-area {

           height: 100px;

       }

       button {

           margin-bottom: 10px;

           padding: 12px 8px;

           width: 42%;

           border-radius: 8px;

           background-color:#009DDC;

           color: white;

       }

   </style>

   <script type="text/javascript"src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>

</head>

<body>

   <div id="pos-area">

       <p id="demo">点击下面的按钮,获得对应信息:<br /></p>

   </div>

   <div id="btn-area">

       <button onclick="geolocation.getLocation(showPosition, showErr, options)">获取精确定位信息</button>

       <button onclick="geolocation.getIpLocation(showPosition, showErr)">获取粗糙定位信息</button>

       <button onclick="showWatchPosition()">开始监听位置</button>

       <button onclick="showClearWatch()">停止监听位置</button>

   </div>

   <script type="text/JavaScript">

       vargeolocation = newqq.maps.Geolocation("OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77","myapp");

       document.getElementById("pos-area").style.height = (document.body.clientHeight - 110) + 'px';

       varpositionNum = 0;

       varoptions = {timeout: 8000};

       functionshowPosition(position) {

           positionNum ++;

           document.getElementById("demo").innerHTML += "序号:"+ positionNum;

           document.getElementById("demo").appendChild(document.createElement('pre')).innerHTML = JSON.stringify(position, null, 4);

           document.getElementById("pos-area").scrollTop = document.getElementById("pos-area").scrollHeight;

       };

       functionshowErr() {

           positionNum ++;

           document.getElementById("demo").innerHTML += "序号:"+ positionNum;

           document.getElementById("demo").appendChild(document.createElement('p')).innerHTML = "定位失败!";

           document.getElementById("pos-area").scrollTop = document.getElementById("pos-area").scrollHeight;

       };

       functionshowWatchPosition() {

           document.getElementById("demo").innerHTML += "开始监听位置!<br /><br />";

           geolocation.watchPosition(showPosition);

           document.getElementById("pos-area").scrollTop = document.getElementById("pos-area").scrollHeight;

       };

       functionshowClearWatch() {

           geolocation.clearWatch();

           document.getElementById("demo").innerHTML += "停止监听位置!<br /><br />";

           document.getElementById("pos-area").scrollTop = document.getElementById("pos-area").scrollHeight;

       };

   </script>

</body>

</html>

3.原创作品,请勿转载

相关文章
|
5月前
|
iOS开发
Cisco Catalyst 9800 Wireless Controller, IOS XE Release 17.17.1 ED - 思科无线控制器系统软件
Cisco Catalyst 9800 Wireless Controller, IOS XE Release 17.17.1 ED - 思科无线控制器系统软件
122 9
Cisco Catalyst 9800 Wireless Controller, IOS XE Release 17.17.1 ED - 思科无线控制器系统软件
|
云安全 安全 Cloud Native
Cisco Catalyst 8000 Series IOS XE 17.18.1a ED 发布 - 思科边缘平台系列系统软件
Cisco Catalyst 8000 Series IOS XE 17.18.1a ED - 思科边缘平台系列系统软件
35 0
|
运维 监控 安全
Cisco ISR 4000 Series IOS XE 17.18.1a ED 发布 - 思科 4000 系列集成服务路由器 IOS XE 系统软件
Cisco ISR 4000 Series IOS XE 17.18.1a ED - 思科 4000 系列集成服务路由器 IOS XE 系统软件
29 0
|
人工智能 监控 安全
思科 Catalyst 9000 交换产品系列 IOS XE 系统软件 17.18.1 ED
Cisco Catalyst 9000 Series Switches, IOS XE Release 17.18.1 ED
55 0
|
11月前
|
安全 Android开发 数据安全/隐私保护
深入探讨iOS与Android系统安全性对比分析
在移动操作系统领域,iOS和Android无疑是两大巨头。本文从技术角度出发,对这两个系统的架构、安全机制以及用户隐私保护等方面进行了详细的比较分析。通过深入探讨,我们旨在揭示两个系统在安全性方面的差异,并为用户提供一些实用的安全建议。
|
7月前
|
存储 移动开发 小程序
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
基于开源技术栈构建的校园圈子系统小程序,整合社交与生活服务功能,涵盖兴趣圈子、私信聊天、资料共享、二手交易、兼职跑腿等六大核心模块。通过多端账号同步(微信公众号/小程序/H5),实现数据实时交互,满足学生群体的多元化需求。项目精准锚定校园市场,以“社交+服务”双轮驱动,提供一站式解决方案,支持快速部署与多校区运营,同时具备广告、佣金、会员等多元变现能力,是打造校园生态的理想工具。
609 2
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
|
9月前
|
存储 缓存 关系型数据库
社交软件红包技术解密(六):微信红包系统的存储层架构演进实践
微信红包本质是小额资金在用户帐户流转,有发、抢、拆三大步骤。在这个过程中对事务有高要求,所以订单最终要基于传统的RDBMS,这方面是它的强项,最终订单的存储使用互联网行业最通用的MySQL数据库。支持事务、成熟稳定,我们的团队在MySQL上有长期技术积累。但是传统数据库的扩展性有局限,需要通过架构解决。
192 18
|
9月前
|
存储 缓存 监控
社交软件红包技术解密(四):微信红包系统是如何应对高并发的
本文将为读者介绍微信百亿级别红包背后的高并发设计实践,内容包括微信红包系统的技术难点、解决高并发问题通常使用的方案,以及微信红包系统的所采用高并发解决方案。
259 13
|
9月前
|
存储 监控 容灾
社交软件红包技术解密(五):微信红包系统是如何实现高可用性的
本次分享介绍了微信红包后台系统的高可用实践经验,主要包括后台的 set 化设计、异步化设计、订单异地存储设计、存储层容灾设计与平行扩缩容等。听众可以了解到微信红包后台架构的设计细节,共同探讨高可用设计实践上遇到的问题与解决方案。
253 5
|
11月前
|
安全 Android开发 数据安全/隐私保护
深入探索Android与iOS系统安全性的对比分析
在当今数字化时代,移动操作系统的安全已成为用户和开发者共同关注的重点。本文旨在通过比较Android与iOS两大主流操作系统在安全性方面的差异,揭示两者在设计理念、权限管理、应用审核机制等方面的不同之处。我们将探讨这些差异如何影响用户的安全体验以及可能带来的风险。
470 21

热门文章

最新文章