百度地图开放平台WebApi地点输入提示服务的返回值没有location字段的问题

这几天做一个地图坐标拾取的前端项目

需求如下

• 通过访问的IP获取所在行政区划
• 根据关键词搜索POI兴趣点，显示在下拉列表中
• 在选中的的POI上放一个Marker，Marker可以拖动，并显示当前位置的CGCS2000经纬度坐标（在国家天地图上显示）
• 点击button复制该坐标值到剪贴板

选择方案

• 使用VUE 2、element ui、vue-clipboard2（复制到剪贴版）、v-region（好用的一个行政区划选择组件）
• mapboxgl+国家天地图底图
• 百度地图开放平台WebApi中的地点输入提示服务、坐标转换服务
• whois.pconline.com 的 ip地址查询服务

问题

1. 跨域：使用jquery的JSONP解决
2. 坐标系：百度地图webapi默认返回的是BD09坐标，需要转换到CGCS2000，因为CGCS2000和WGS84的经纬度坐标差距不大，可以使用WGS84的坐标，网上查询得知BD09转WGS84可使用公式x = 2x1-x2，y = 2y1-y2，其中下x、y为转换后WGS84坐标，x1、y1为BD09原始坐标，x2、y2为调用百度坐标转换服务后返回的坐标(默认是wgs84坐标转BD09)

代码写完，没什么大问题，但是调试的时候发现有时候会报错，发现有时候地点输入提示服务返回值缺少location字段，导致无法解析坐标，这边就要加一个判断了，对返回值进行一下处理

      let  data=[]
      data = datav.result.filter((element) => {
          return element.location!==undefined
      })

OK完成，下面看一下初步的效果

mapboxgl+国家天地图+百度地图api实现的坐标拾取