1.解决报当前定位失败Geolocation permission denied：

可以去高德api查看：常见问题 | 高德地图API (amap.com)

图中红圈2,3,4,5,6对应Geolocation permission denied报错的原因，可对应修改。

如红圈2：用户打开定位选项即可：

2.进入定位页面偶尔报 AMap没有找到的。

1.在index.html文件中；

  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.12&key=自己的key">window.AMap = AMap;</script>

2.在封装高德api的文件下对应调整：

  /*** 用高德地图定位*/amapLocate(complete?: (cityCode: string, cityName: string) => void,error?: () => void): void {const AMap = (window as any).AMap;const mapObj = new AMap.Map("iCenter");mapObj.plugin("AMap.Geolocation", () => {const geolocation = new AMap.Geolocation({timeout: 100000, // 超过 100 秒后停止定位});mapObj.addControl(geolocation);geolocation.getCurrentPosition();AMap.event.addListener(geolocation,"complete",(data: {position: { lat: number; lng: number };addressComponent: { adcode?: string; province: string; city: string };}) => {const position = data.position;const addressComponent = data.addressComponent;this.LocationModule.SET_longitude_PERSIST(position.lng);this.LocationModule.SET_latitude_PERSIST(position.lat);if (complete) {complete(getCityCodeByAdcode(addressComponent? addressComponent.adcode: LocationModule.defaultCityCode),addressComponent? addressComponent.city || addressComponent.province: LocationModule.defaultCityName // 直辖市 addressComponent.city 为空字符串，这时要取 province);}});AMap.event.addListener(geolocation, "error", (errorData: unknown) => {console.error("locate >>> errorData", errorData);this.LocationModule.SET_longitude_PERSIST(-1);this.LocationModule.SET_latitude_PERSIST(-1);if (error) {error();}});});}

H5页面在ios的浏览器上使用高德地图报当前定位失败Geolocation permission denied 或者偶尔报AMap没有找到的相关推荐

JQ----移动端h5页面通过地址调起通讯录以及高德地图、百度地图定位导航
JQ----移动端h5页面通过地址调起通讯录以及高德地图.百度地图定位导航通讯录: 可先加meta标签 <a href="tel:13838383838" class=&q ...
H5页面与ios交互返回上一级
H5页面与ios交互时,返回上一级不兼容,安卓兼容实现方法 (需要加return false) <a href="#" onclick="javascript: ...
高德地图android api定位失败,android 定位没有问题，iOS定位失败获取不到位置信息...
@override void initState() { super.initState(); _type = widget.type; WidgetsBinding.instance.addPost ...
h5页面在安卓手机浏览器上不能上下移动的问题
1.当在css中加入下面样式,会导致页面无法正常上下滑动 // css 文件 { touch-action: none; } 这行代码后,会导致页面无法正常上下滑动, 解决办法:修改为默认值{ tou ...
js禁止苹果页面底部滚动_Vue.js 实现禁止 h5 页面在 ios 浏览器内置的下拉 bounce 效果...
介绍 vue-disbounce是一款基于Vue.js的自定义组件,可以有效避免触发h5页面在ios浏览器内置的下拉bounce效果. 组件 :style="{'background-col ...
关于H5页面在ios上打开，页面空白的问题
关于H5页面在ios上打开,页面空白的问题这个问题发生在一个永不升级的用户身上机型:iPhone X 系统:ios 11.2.6 问题描述:打开链接可以显示页面的标题,但是页面空白,没有走任何接口 ...
在服务器上部署自己的h5页面用于微信内部浏览器打开
在服务器上部署自己的h5页面用于微信内部浏览器打开域名注册和虚拟主机租用都是在西部数据进行的以下为西部数据的官网登录和注册这里不过多介绍...... 一.域名注册点击官网首页 ...
移动端h5文字长按复制_移动端开发 H5 页面在 iOS手机上无法实现长按复制文本求解决...
移动端开发 H5 页面在 iOS手机上无法实现长按复制文本百度谷歌搜索的答案是 iOS手机系统自带需要设置禁用我们需求是要实现此功能可是我在手机测试并没有实现长按复制文本之前这样设置可以 ...
h5页面使用js实现图片上传（安卓用户也可拍摄、相册二选一）
思路如下: 使用原生input标签实现图片上传时,如果你的写法是如下所示: <input type="file" id="upload_file" @ch ...

H5页面在ios的浏览器上使用高德地图报当前定位失败Geolocation permission denied 或者偶尔报AMap没有找到的

1.解决报当前定位失败Geolocation permission denied：

2.进入定位页面偶尔报 AMap没有找到的。

H5页面在ios的浏览器上使用高德地图报当前定位失败Geolocation permission denied 或者偶尔报AMap没有找到的相关推荐

最新文章

热门文章

H5页面在ios的浏览器上使用 高德地图 报当前定位失败Geolocation permission denied 或者 偶尔报AMap没有找到的

1.解决报当前定位失败Geolocation permission denied：

2.进入定位页面偶尔报 AMap没有找到的。

H5页面在ios的浏览器上使用 高德地图 报当前定位失败Geolocation permission denied 或者 偶尔报AMap没有找到的相关推荐

最新文章

热门文章

H5页面在ios的浏览器上使用高德地图报当前定位失败Geolocation permission denied 或者偶尔报AMap没有找到的

H5页面在ios的浏览器上使用高德地图报当前定位失败Geolocation permission denied 或者偶尔报AMap没有找到的相关推荐