高德地图实现一定范围内的关键字搜索

可能你的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：自己解析