百度地图铺满网格覆盖物

最新推荐文章于 2023-02-22 11:35:32 发布

原创

最新推荐文章于 2023-02-22 11:35:32 发布 · 6k 阅读

8 ·

CC 4.0 BY-SA版权

本文介绍了如何使用百度地图API创建网格覆盖物，并实现网格区域的点击事件，以便对覆盖区域内的POI进行统计。通过获取地图边界，循环绘制网格，并为每个网格添加点击监听器，当点击时弹出提示。

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

  在项目开发中,遇到 
 如下需求: 

  在地图中添加网格,对网格内的区域统计各个POI的数量, 

  那么我们遇到了 
 第两个难题: 

如何添加网格,并且该网格可以获取它的覆盖区域(便于对该区域统计POI)

网格区域可点击

//map为地图对象
function bs() {
    var bs = map.getBounds();  //获取当前地图范围的经纬度
    var bssw = bs.getSouthWest();		//获取西南角的经纬度(左下端点)
    var bsne = bs.getNorthEast();		//获取东北角的经纬度(右上端点)
    return { 'x1': bssw.lng, 'y1': bssw.lat, 'x2': bsne.lng, 'y2': bsne.lat };
}

/**
 * 显示网格
 */
function showGrid(){
        var XY = bs();
        console.log(XY);
        for (var i = XY.x1; i < XY.x2; i =