项目实训报告（八）：

      下面说一下有关主页景点搜索的实现逻辑，首先我们有一个原始数组gridList来存放所有的景观信息，包括图片地址、名称、距离、还有经纬度等等。

      这里首先说明一下，记录景观的经纬度不仅方面后面计算距离，这里每次在点击景观时会将该景观的经纬度传至地图界面，从而实现在相关地图界面目标景观的定位，方便用户更好的找到自己想去的景观。

   下面回到景点搜索的实现逻辑，我们还会设置一个数组resultList用来存放符合景观名称关键词搜索的目标景观，即搜索命中景观，在点击搜索按钮后此时在前端展示的就是resultList,具体展示逻辑如下图所示。

    可以看到，如果resultList为空则展示原始数组gridList，否则就展示resulList。而在.js配置文件中，我们函数的实现逻辑是这样的：

    根据msg即输入框内数据是否为空，与是否有与msg相匹配的景观名称与在页面中有不同的反馈结果。

msg为空：

  msg无匹配：

msg正确搜索：

    由此实现了搜索的功能。