高德地图api中palcesearch使用

代码如下

// 创建map实例
shallowRef(null);
const initMap = () => {
  AMapLoader.load({
    key: "xxx", // 申请好的Web端开发者Key,首次调用 load 时必填
    version: "2.0", // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
    plugins: ["AMap.PlaceSearch"] // 需要使用的的插件列表,如比例尺'AMap.Scale'等
  })
    .then(AMap => {
      var map = new AMap.Map("mapContainer", {
        //设置地图容器id
        viewMode: "3D", //是否为3D地图模式
        zoom: 12, //初始化地图级别
        center: [116.397428, 39.90923] //初始化地图中心点位置
      });
      var search = new AMap.PlaceSearch({
        pageSize: 10, // 每页显示结果数
        pageIndex: 1, // 当前页码
        city: "北京市", // 搜索城市
        map: map // 将搜索结果显示在地图上
      });
      console.log(search);
      // 根据关键字搜索医院
      search.search("医院", function(status, result) {
        console.log(status, result);
      });
    })
    .catch(e => {
      console.log(e);
    });
};

地图能够显示,但是报警告

img


不确定有没有影响
打印status,result的结果如下

img

可能是由于高德地图API key未正确配置或者已经过期导致的。