解决高德地图在线API不支持对应的方法回调返回结果的问题

最新推荐文章于 2024-12-16 20:50:26 发布

yanglang1987500

最新推荐文章于 2024-12-16 20:50:26 发布

阅读量8.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端-javascript 前端-高德地图文章标签：高德地图 api 回调搜索循环

本文链接：https://blog.youkuaiyun.com/yanglang1987500/article/details/42454323

在使用高德地图1.3.5版本API进行地点搜索时，遇到回调函数不支持直接返回结果的问题，导致循环搜索的地点数据无法对应。API的架构使得每个服务对象仅能搜索固定城市，无法动态更改。解决方法是通过事件绑定处理返回结果，但最新版本仍未完全优化。期待高德地图改进用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前阵子做了个基于高德在线地图分析业务数据的web应用，但是在使用其API的过程中发现一个很不友好的问题，那就是它不支持对应的方法回调返回结果（当时不支持，2014-12-18号发布的1.3.5版本更新已经支持了，但仍然不够友好）。

这是怎么一回事呢？

高德地图API的架构是插件式的，每一个服务都是插件，比如AMap.PlaceSearch 地点搜索服务，回调函数是作为一个事件绑定在这个服务对象上的，至于search方法（根据关键字搜索）？不好意思，只提供一个参数key，也就是关键字，而city（所属城市）参数也是绑定在服务对象上的属性（初始化一个服务插件之后只能搜索同一个城市的地点）。

所以这就导致了一个问题：当你有100个地点名称准备进行循环搜索的时候，没法将返回的数据与你自己的数据一一对应起来，因为异步请求返回结果在时间上的不确定性。

我当时的解决方案就是：

//重写search方法 ，改为通过jsonp跨域直接调用高德的rest接口
		AMap.PlaceSearch.prototype.search = function(key,city,callback){
			$.ajax({
		        url:AMapAPI.url+"/v3/place/text",
		        type:"get",
		        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
		        data:{
		        	keywords: key,
		        	key: AMapAPI.key,
		            s: AMapAPI.rsv,