腾讯地图WebService API 和 CORB误会

Kylin_Mountain 发布于2019-08-23 12:18 / 1031人阅读

摘要：腾讯地图和的误会最近业务开发中，涉及到了腾讯地图跨域。这个需要腾讯地图的，就会这里遇到的问题之后就是拿着省份，去请求后端的接口，获取该省份对应的门店啦。调用腾讯地图需要跨域这个很好理解。详细的可以看这大哥的文章简单说会显示资源的获取。

腾讯地图WebService API 和 CORB的误会

最近业务开发中，涉及到了腾讯地图API 、跨域、 CORB。虽然最后的结果方法很简单，

但是觉得这个解决问题的过程，还是值得记录一下的。

业务内容如下：

1.我根据JS-SDK，配置好后端返回的签名、随机字符串、时间戳、appId，然后使用wx.getLocation拿到经纬度

（签名是根据这4个参数算出来 noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url）

2.获取经纬度后，根据经纬度拿到当前所属省份。这个需要腾讯地图的WebService API，就会这里遇到的问题...

3.之后就是拿着省份，去请求后端的php接口，获取该省份对应的门店啦。

调用腾讯地图WebService API需要跨域

这个很好理解。那么怎么做呢，无非是

CORS。因为是第三方API，没法设置header，所以pass

JSONP

服务端代理

服务端代理，我觉得肯定可以，但是前后端分离，不想麻烦后端大哥了，就想用JSONP来跨域，

但是一直提示CORB的这个限制

于是我就研究了一圈

CORB是啥

CORB如何触发

CORB触发了大概有什么表现。

详细的可以看这大哥的文章 https://segmentfault.com/a/11...

简单说CORB会显示src资源的获取。这里触发了CORB是因为返回了response header的content-type是json

满足了触发条件，就导致返回的数据的body被覆盖为null

但是这里解决方案其实就是，想用jsonp需要设置参数 output: jsonp

就这样一个问题，折腾了一圈，哭笑不得

云服务器 GPU云服务器地图api Remoting和Webservice api 地图定位免费地图api

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98293.html

腾讯地图逆地址解析

摘要：代码当前经度当前纬度地址信息不合法请求超时不知名错误逆地址解析开发密钥位置坐标是否返回周边列表返回不返回默认输入的的坐标类型坐标附加控制功能系统错误，请联系管理员系统错误，请联系管理员 API地址 http://lbs.qq.com/webservice_v1/guide-search.html 获得经纬度 Html5获取地理位置信息是通过Geolocation API提供，使用其ge...

cod7ce 2019-08-19 17:09 评论0 收藏0
微信小程序计算用户离商家的距离(利用经纬度求距)

摘要：前言最近在帮朋友商家写小程序，所以看了不少关于小程序的知识，总结一下计算距离这条线。前言最近在帮朋友(商家)写小程序，所以看了不少关于小程序的知识，总结一下计算距离这条线。思路一共有两种方法，各有利弊：1.利用小程序的wx.getLocation 方法得到用户的经纬度,然后用已知的商家的经纬进行计算;2.利用腾讯地图位置服务calculateDistance直接计算先熟悉下两...

huaixiaoz 2019-08-23 14:07 评论0 收藏0
通过高德地图的开放 API, 根据 IP 定位获得实时天气

摘要：最近的项目中遇到了一个实时天气显示的问题通过高德地图的开放解决了将思路留下已经将它封装成了一个函数可以直接拿去使用不过使用前最好还是测试一下思路首先通过调用高德地图定位的获取的定位信息中有好像是高德的一组城市地理信息编号吧然后通过调用高德的最近的项目中遇到了一个实时天气显示的问题.通过高德地图的开放 API 解决了;将思路留下. 已经将它封装成了一个函数. 可以直接拿去使用. 不过使...

NusterCache 2019-06-27 15:54 评论0 收藏0
jsonp跨域资源引起CORB

摘要：三原因分析浏览器在加载可以跨域资源时，在将资源载入页面时对其进行识别与拦截等一系列处理。从而禁用了客户端浏览器的类型嗅探行为即把不可执行的类型转变为可执行的类型。一、jsonp的使用 jsonp是实现跨域请求数据的一种方式，解决了由于浏览器同源策略带来的安全限制；虽然浏览器有同源策略的限制，但对于一些特殊的dom元素却可引用非同源资源，例如等，下面结合例子说明： jquery直接发...

wuyangnju 2019-08-16 15:23 评论0 收藏0
腾讯地图开源组件

摘要：更多关于的操作请查看腾讯地图官网戳我简单的封装了一块原石，封装还在继续，如果老铁有更好的方式或想法不妨走起一波会给你双击如果有问题可加入前端交流群一起讨论前端攻城狮群 react-qmap -- React腾讯地图组件一个对腾讯web地图简单封装的React组件 GitHub源码地址：戳我栗子：戳我栗子源码：戳我 showImg(https://segmentfault.c...

huaixiaoz 2019-08-22 15:14 评论0 收藏0