百度地图API实战 互动版

麻点图的使用

这一小节我将介绍麻点图的基础使用

1、不使用标注的原因

标注不适用于大量数据,数据较多时用标注会使地图加载速度变慢,因此我们需要采用麻点图来代替标注。

2、CustomLayer构造函数

CustomLayer构造函数可以通过接收数据存储空间id(geotable id)参数生成用户数据图层,存储空间id可以在创建数据存储时获得。其中参数和LBS云中用法相同,相信大家也了解了。

var customLayer=new BMap.CustomLayer({  
    geotableId: ***,   //geotable id
    q: '', //检索关键字  
    tags: '', //空格分隔的多字符串  
    filter: '' //过滤条件
});

3、addTileLayer函数

使用map.addTileLayer(customLayer);添加用户自定义图层

4、编写prodTileLayer函数

如果地图有customLayer图层,就将其移除,再生成新的customLayer图层

function prodTileLayer(filter){
    if(customLayer) {
        map.removeTileLayer(customLayer);
    }
    customLayer=new BMap.CustomLayer({
        ak:'ir7jFwBM0tPkLebXl3ScT9cB',
        geotableId: 135736,
        q: '', //检索关键字
        tags: '', //空格分隔的多字符串
        filter: filter //过滤条件
    });
    map.addTileLayer(customLayer);
}
调用prodTileLayer函数,为地图添加图层
prodTileLayer('');