腾讯地图api（腾讯位置服务api）web端常见问题介绍

腾讯位置服务网址：https://lbs.qq/

1、Javascript API GL（以下简称GL）：GL是下一代基础地图API，底层渲染基于WebGL技术，致力于为用户提供更酷炫的三维效果。除了接口与v2版本有细微差别，还提供3D视角、室内地图、个性化地图等功能，以及更优化的渲染效果和更流畅的交互体验。

常见问题指引：
（1）GL如何引入？
https://lbs.qq/webApi/javascriptGL/glGuide/glBasic

（2）vue框架如何实现自定义覆盖物？

  1. 实现自定义覆盖物，需要继承jsapi GL对外提供的DOMOverlay，并复写其中的一些方法
  2. 在createDom方法中获取自己需要的dom并作为返回值。dom可以通过document.createElement动态创建；也可以通过document.getElemetById等方法获取已经存在的dom，然后直接使用
  3. 实例化DOMOverlay时，执行的顺序是onInit ，createDom
  4. 示例可以参考如下链接：https://lbs.qq/webDemoCenter/glAPI/glOverlay/domOverlay

（3）GL调用腾讯地图，腾讯地图上标注的字体如何自定大小？
可以用个性化样式平台编辑字体大小，参考链接：https://lbs.qq/webApi/javascriptGL/glGuide/glCustommap

2、位置可视化API：基于GL实现的专业地理空间数据可视化渲染引擎，可以实现轨迹数据、坐标点数据、热力、迁徙、航线等空间数据的可视化展现。

常见问题指引：
（1）位置可视化API如何引入？
https://lbs.qq/webApi/visualizationApi/visualizationGuide/visualizationBasic

（2）位置可视化的热力图，数据密度流畅度如何？
5w左右保持流畅，可以在使用热力图的时候先对单点数据做一次聚合，不然一方面影响性能，另一方面热力图会呈现较强的锯齿感，不够平滑

（3）散点图和热力图支持多少条数据展示？10万条数据量

（4）迁徙图和区域图支持多少条数据展示？1万条数据量

3、Javascript API（以下简称V2）：没有任何接入门槛，且免费使用

常见问题指引：
（1）地图的事件如何阻止冒泡，e.stopPropogation无效？
在地图容器上监听事件，再调用stopPropogation

（2）比例尺如何计算？
公式米/像素=2PIRcos(lat) / 256(2^N)。PI是是数学常数，R是地球半径，lat是纬度

（3）地图 marker 标记太多卡顿，如何对此进行优化？

  1. 可以使用v2的可视化附加库，用2D散点图来实现
  2. 可以切换到GL版本，使用MultiMarker或者3D散点图来实现都可以 （推荐）
  3. v2的2D散点图支持10w量级，GL的MutliMarker和Do支持百万量级

4、地图组件：主要针对移动端，包含位置展示组件、路线规划组件、地图选点组件、前端定位组件、街景组件。参考链接：https://lbs.qq/webApi/component/componentGuide/componentMarker

常见问题指引：
（1）h5精准定位–首次调用授权窗口的取消和确定问题？

  1. 获取精准定位的授权窗口的确定和取消可以通过回调函数showPosition和showError的返回结果来判断是否授权，成功了就是确定进行了授权，失败了可以通过失败码（errorCode）来判断是取消授权问题还是其他问题导致的失败
  2. 小程序，可以通过wx.getlocation方法进行判断，如果授权了，正常获取定位信息，如果没授权，走fail，会返回错误信息。第二次进入，可以通过wx.getsetting判断用户是否进行过授权

（2）调用前端定位组件失败后怎么自查？

  1. 先查看是否使用Https服务，如果不是，要切换成https
  2. 然后查看定位时长timeout是否设置的合适，时间太小定位容易失败，可以设置5s以上
  3. 最后，扫描 官网二维码 是否正常，如果正常，说明腾讯定位组件本身是没有问题的。如果不正常，需要确认在定位时是否有调起定位授权，如果没有调起定位授权，非定位组件原因，可能是浏览器阻止了定位授权

更多推荐

腾讯地图api web端常见问题介绍