百度地图JavaScript API——去除左下角LOGO

最新推荐文章于 2024-06-14 00:50:11 发布

原创最新推荐文章于 2024-06-14 00:50:11 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#百度 #java #arcgis #js #定位

这篇博客介绍了如何通过CSS代码隐藏百度地图左下角的标志，提供了JavaScript示例来创建卫星地图，并添加地图类型控件。展示了设置不同地图类型的选项，包括正常街道视图、透视图像视图、卫星地图和混合地图。

百度地图，去掉左下部分的标志

添加以下css, 即可去掉

.anchorBL a{
    display: none;
}

.anchorBL img{
    display: none;
}

.anchorBL span{
    display: none!important;
}

var map = new BMap.Map("container",{mapType:BMAP_SATELLITE_MAP});

第二个参数确定地图类型。

BMAP_NORMAL_MAP ：此地图类型展示普通街道视图
BMAP_PERSPECTIVE_MAP ：此地图类型展示透视图像视图。(这个还不会用)
BMAP_SATELLITE_MAP：卫星地图 (没有坐标， 绿绿的一片的卫星地图)
BMAP_HYBRID_MAP：混合地图 (既有坐标，也是绿绿的一片的卫星地图)


// 百度地图API功能
    var map = new BMap.Map("allmap",{mapType:BMAP_SATELLITE_MAP}); // 创建Map实例
    
    map.centerAndZoom(new BMap.Point(112.507465, 34.694008), 20); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP,
            BMAP_SATELLITE_MAP
        ]
    }));
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放