高德地图实现搜索

电脑版发表于：2022/4/12 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);
                });

            });
        }
```
使用：
```
$("#litteArea").click(function () {
    search('小区');
});

$("#yl").click(function () {
    search('医疗');
});

$("#jt").click(function () {
    //search('地铁');
    search('公交站');
});

$("#jy").click(function () {
    search('学校');
});
```

TeachingNote

高德地图实现搜索

{{item.title}}