高德地图 AMap.PlaceSearchLayer

最新推荐文章于 2024-05-25 16:31:05 发布

原创最新推荐文章于 2024-05-25 16:31:05 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#高德地图

高德地图专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用AMap麻点图插件来显示大量POI数据。当需要展示的数据量较大时，麻点图能有效减轻地图负担并清晰展示数据分布。通过示例代码展示了如何初始化地图及加载插件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AMap.PlaceSearchLayer麻点图插件，作为海量搜索结果的辅助显示类，当需求搜索结果数量大时，建议使用麻点图展示

当我们所要的poi数据量过于庞大时，这时我们可以考虑使用麻点进行标记显示。
示例代码

<script type="text/javascript">

       var map = new AMap.Map('container', {
          resizeEnable: true,
          center:[116.519942, 39.924677],
          zoom:11
      });

      function onComplete(){}
      function onError(){
        alert("success");
      }

    map.plugin('AMap.PlaceSearchLayer', function (){
    var searchLayer = new AMap.PlaceSearchLayer({
        keywords : '超市' //搜索关键字为“超市”的poi
    });
    //将海量麻点叠加在地图上
    searchLayer.setMap(map);
    AMap.event.addListener(searchLayer, 'complete', 'complete', onComplete);
    AMap.event.addListener(searchLayer, 'click',onError);
});
    </script>