高德地图实现一定范围内的关键字搜索 电脑版发表于:2019/3/25 12:33 可能你的js后面还需要加载的插件: https://webapi.amap.com/maps?v=1.4.15&key=2xx&plugin=AMap.DistrictSearch,AMap.MouseTool **先封装一个搜索地址:** ``` let search = function(searchKey) { AMap.service(["AMap.PlaceSearch"], function () { //构造地点查询类 var placeSearch = new AMap.PlaceSearch({ pageSize: 3, // 单页显示结果条数 pageIndex: 1, // 页码 city: '重庆', citylimit: false, //是否强制限制在设置的城市内搜索 map: map, // 展现结果的地图实例 panel: "panel", // 结果列表将在此容器中进行展示。 autoFitView: true // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围 }); var cpoint = [106.477477, 29.571143]; //中心点坐标 placeSearch.searchNearBy(searchKey, cpoint, 800, function (status, result) { console.log(status); console.log(result); }); }); } ``` 注意像这种兴趣点类比,在封装搜索方法的时候还是注释掉,不然会影响下面的搜索效果。 ``` type: '酒店', // 兴趣点类别 ``` **使用:** ``` $("#litteArea").click(function () { search('小区'); }); $("#yl").click(function () { search('医疗'); }); $("#jt").click(function () { //search('地铁'); search('公交站'); }); $("#jy").click(function () { search('学校'); }); ``` **多关键字搜索:** 使用|分隔即可 ``` $("#jt").click(function () { search('公交站|地铁'); }); ``` **显示的位置、效果等:** 1:默认显示 2:自己解析