百度地图 JavaScriptAPI 隐藏logo 显示比例尺

最新推荐文章于 2022-12-13 08:52:29 发布
最新推荐文章于 2022-12-13 08:52:29 发布
阅读量1k 收藏 4
点赞数 3
分类专栏： 百度地图 文章标签： 百度地图 百度地图JavaScriptAPI 显示比例尺 隐藏logo 隐藏文字
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sugarCYF/article/details/102935960
版权

在用百度地图的JavaScriptAPI开发的时候有时候会遇到要把百度地图的logo给去掉的
在这里插入图片描述
这时候我们只需要加入以下css就可以完成这个需求
在这里插入图片描述
在这里插入图片描述
效果如图 我们发现不仅把logo和文字都给去掉了，而且把比例尺都给去掉了。可是我们又想要把比例尺给显示出来怎么办，然后我又看了logo的class
在这里插入图片描述
原来logo和文字以及比例尺公用都有anchorBL这个class属性，那显示比例尺就知道如何入手了，找到比例尺给添加显示就ok了
添加以下代码
在这里插入图片描述
效果如图：
在这里插入图片描述

sugarCYF
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
引用百度地图，隐藏百度地图logo
程序员的笔记
11-20 2084
版权什么的此处省略一万字，直接到要点： 引用百度地图时，编译之后的代码中可以看到以下类似代码： 百度地图logo的div引用了叫“anchorBL”的calss，比较简单的方法是覆盖此class，如：   <style type="text/css"> .anchorBL{display:none;} </style&gt...
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
10-20
本文主要介绍了百度地图JavascriptApi Marker平滑移动及车头指向行径方向的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
JS中引用百度地图并将百度地图的logo和信息去掉
01-21
采用CSS覆盖的方法就可以了，但是官方是不允许这么做的，参考：http://developer.baidu.com/map/question.htm 代码如下: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″/> <title>javascript移除百度地图LOGO和版权信息</title> [removed][removed] <script src=”http://api.map.baidu.com/api?v=1.3″ type=”text/java
vue中天地图之隐藏左下角logo
m0_72993813的博客
12-13 714
【代码】vue中天地图之隐藏左下角logo。
隐藏百度地图logo图标
zhufan2333的博客
10-24 398
/隐藏百度地图图标。
百度地图开发(三)隐藏Logo/比例尺/缩放控件/放大缩小方法
lanrenxiaowen的博客
10-24 1113
隐藏百度地图的Logo: View child = mMapView.getChildAt(1); if (child != null &amp;&amp; (child instanceof ImageView || child instanceof ZoomControls)) { child.setVisibility(View.INVISIBLE); } 百度地...
javascript实现百度地图鼠标滑动事件显示、隐藏
10-24
主要介绍了javascript实现百度地图鼠标滑动事件显示、隐藏的思路和方法，十分的实用，这里推荐给小伙伴们，有需要的朋友可以参考下。
百度地图JavaScriptAPI离线版3.0.zip
04-22
百度地图离线版3.0，添加卫星地图
基于百度地图JavaScript API封装的React组件库
最新发布
05-08
基于百度地图JavaScript Api封装的React组件库，使用这个库最好需要先了解React和百度地图JavaScript Api。 React-BMap只是利用了React组件的生命周期，来调用对应的百度地图JavaScript Api的方法，比如在...
百度地图JavaScriptAPI离线版.zip
12-21
百度地图JavaScriptAPI离线版.zip、百度地图JavaScriptAPI离线版.zip
天地图 实现标注，搜索，缩放，比例尺，切换类型功能
u013365404的专栏
05-18 5198
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;天地图－地图API－范例－纯文字的信息窗口&lt;/title&gt; &lt;script type="text/
百度地图 JavaScript API
DLNovice的博客
03-08 3794
文章目录1、账号申请2、创建应用3、使用地图介绍示例4、具体使用控件个性地图带高度的点（标记地点、覆盖物）点击事件 参考资料：入门百度地图 JavaScript API | 8月更文挑战 - 掘金 (juejin.cn) 1、账号申请 先申请成为百度开发者（需要填写身份证信息、申请理由等），创建地图应用生成 AK。 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com) 一般会秒同意，所以不用担心时间问题 2、创建应用 注意 应用类型选择浏览器端。 白名单输入*号，所有地
使用百度地图时如何隐藏百度地图logo
du_5pet的博客
03-21 3849
我们在使用百度API加载百度地图的时候，左下角往往有百度的logo，只要在css文件里加入这几行代码即可隐藏 .BMap_cpyCtrl { display: none; } .anchorBL { display: none; } 加之前效果： 加之后效果： ...
百度地图JavaScript API——去除左下角LOGO
wangyu233的博客
10-06 985
百度地图， 去掉左下部分的标志 添加以下css, 即可去掉 .anchorBL a{ display: none; } .anchorBL img{ display: none; } .anchorBL span{ display: none!important; } var map = new BMap.Map("container",{mapType:BMAP_...
百度地图api去除logo,以及三维按钮
qq_45292334的博客
06-03 1603
直接看代码 /*这两段是去掉百度地图水印的css*/ .BMap_cpyCtrl { display: none !important; } .anchorBL { display: none !important; } // bmap.addControl(new BMap.MapTypeControl()); 默认创建地图的方式是三种都选 bmap.addControl(new BMap.MapTypeControl({mapTy
百度地图js api去除左下角logo
Jinx
05-18 5900
添加css样式 .anchorBL{ display:none; }
百度地图隐藏LOGO显示
跨时代
03-24 2921
在引入地图的页面加入下列样式即可隐藏百度地图左下角的LOGO .anchorBL{display:none;}
百度地图JavaScript API GL InfoWindow
07-13
百度地图JavaScript API GL中的InfoWindow是一个信息窗口组件，用于在地图上显示自定义的信息内容。它可以在地图上的指定位置弹出，并且支持自定义的HTML内容和样式。 要使用InfoWindow，首先需要创建一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值