BMap 设置地图类型、缩放平移控件及缩放级别

最新推荐文章于 2024-06-21 16:41:46 发布
最新推荐文章于 2024-06-21 16:41:46 发布
阅读量3.1k 收藏 1
点赞数 1
分类专栏： BMap 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/j779450799/article/details/107655487
版权

// 创建百度地图对象
var map = new BMap.Map(“container2”);

地图类型控件

map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP ]}));

缩放平移控件

map.addControl(new BMap.NavigationControl());

缩放级别

map.centerAndZoom(new BMap.Point(121.272326, 31.202212), 7);
7：就是缩放级别，可以自行设置其他数据，如11等
在这里插入图片描述

j779450799
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
比例尺、缩略图、平移缩放之百度地图添加控件方法
12-02
下面通过图文并茂的方式给大家详细介绍下比例尺、缩略图、平移缩放之百度地图添加控件方法。 地图控件概述 　　百度地图上负责与地图交互的UI元素称为控件。百度地图API中提供了丰富的控件，您还可以通过Control类来实现自定义控件。 地图API中提供的控件有： Control：控件的抽象基类，所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。 NavigationControl：地图平移缩放控件，PC端默认位于地图左上方，它包含控制地图的平移和缩放的功能。移动端提供缩放控件，默认位于地图右下方。 OverviewMapControl：缩略地图控件，默认位于地图右下方，是一个可折叠的缩略
百度BMap开发（基础知识）
天马波波的专栏
10-23 9151
http://www.w3.org/1999/xhtml" >         地图     http://api.map.baidu.com/api?v=1.3" type="text/javascript">     function initialize() {     //1. 创建地图实例    var map = new BMap.Map("map");// 创建
百度地图3D旋转和倾斜角度的调整
vfjcgg的博客
12-09 5157
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&
百度地图API_BMap接口的使用形式
热门推荐
liangwenrong的博客
04-02 3万+
想要在HTML中加载百度地图，使用js形式，先去申请个秘钥，然后输入ak=<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=#"></script>其他的跟HTML没啥区别，这里只说API部分。 创建实例：var map = new BMap.Map("allmap"); // 创建Map实例从
百度MapApi1.4------addControl各种控件初始化
weixin_33937778的博客
09-23 292
//地图平移缩放控件，PC 端默认位于地图左上方，它包含控制地图的平移和缩放的 map.addControl(new BMap.NavigationControl()); //比例尺控件，默认位于地图左下方，显示地图的比例关系 map.addControl(new BMap.ScaleControl()); //缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图 map....
H5新特性百度地图SDK--API引入、地图控件、地理编码与逆地理编码、地图标注、路径规划（基于2.0）
小白小白从不日别的博客
07-19 3291
百度地图API的基本使用
百度地图开发（2）缩放地图
蓝镜的博客
02-10 658
温馨提示：学习百度地图开发得有HTML CSS JS基础哦：） 我的课件目标是：如果对于学习的人来说很难看懂或理解，就证明我的表达方式有问题：），还请指出，以便加以改正！ 在我的文章：百度地图开发（1）初始化地图的代码基础之上 增加地图缩放的代码即可，如下： myMap.enableScrollWheelZoom(true); 然后就可以用鼠标滚轮来缩放地图了： 所有源码如下： &...
百度地图实时监听缩放级别
艾丽的博客
06-17 3421
百度地图实时监听缩放级别 map.addEventListener("zoomend", function(e){ let zoom= map.getZoom(); // 获取缩放级别 // 其余操作 }); 百度地图省市县乡镇街道对应ZOOM级别 原文链接https://www.cnblogs.com/yz-blog/p/6484595.html 百度地图api地址：https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webg
百度地图自定义控件分享
09-03
接下来，我们定义了三个功能函数：`statics()`、`endStatics()`和`setStatics()`，它们分别对应于按钮的点击事件，用于改变地图的中心点和缩放级别： ```javascript function statics() { map.centerAndZoom(new ...
bmap-helper:百度地图开源库，支持自定义弹窗、全屏等功能
05-25
bmap-helper预览主要功能有：setTheme 设置主题setMapInfo 弹框控件setZoomControl 地图缩放控件（含放大、缩小）setZoomInControl 地图放大控件setZoomOutControl 地图缩小控件setFullControl 地图全屏控件...
使用C#调用百度地图并实现坐标点的设置以及读取示例
08-18
HTML文件中，我们可以定义地图容器，并通过JavaScript代码初始化地图，设置中心点和缩放级别。例如： ```html ; width: 100%;"> ``` ```javascript var map = new BMap.Map("allmap"); map.centerAndZoom(new BMap...
Vue Baidu Map使用
曳猫的博客
07-27 2219
VueBaiduMap使用。
百度地图api-基本用法总结
m0_69674158的博客
07-03 6442
web前端JavaScript嵌入百度地图API的方法 最详细
百度地图的使用方法，及vue中调用
weixin_56511814的博客
04-01 2728
1.百度地图的注册 使用 密钥 点开下面连接进行注册然后 登录百度账号https://lbsyun.baidu.com/?qq-pf-to=pcqq.group点开控制台 进入我的应用 创建后会有个密钥（AK）这个引入地图是要用 3.页面引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script> 4....
百度地图简单用法
along1691的博客
01-11 261
1.地图实例 引入src添加ak <script src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=kmFLZ2pDs8Fkk90rHUksNrdtlnM3X8yT"> </script> 2.地图控件 // 地图控件 var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件 map.addControl(
百度地图根据多个定位点自适应缩放级别（获取多个点位的中心点）
qq_43651168的博客
04-20 3072
百度地图根据多个经纬度点位自适应缩放级别（获取多个点位的中心点）
对百度地图的 封装（GL版本）含有点聚合 原生js
qq_45319906的博客
09-19 1721
对于百度地图的应用
不出网上线CS的各种姿势（内网横向）
最新发布
qq_64395221的博客
06-21 987
在内网环境中可以使用ipc $生成的SMB Beacon上传到目标主机执行，但是目标主机并不会直接上线的，需要我们自己用链接命令(link <ip>)去连接它。经常是拿下一台边缘机器，其有多块网卡，用于连接内外网，内网机器都不出网。因为连接的Beacons使用Windows命名管道进行通信，此流量封装在SMB协议中，所以SMB Beacon相对隐蔽，绕防火墙时可能发挥奇效。一样，建立pystinger连接之后，直接生成payload在业务主机执行，业务内网主机192.168.111.236即可成功上线。
请帮我写一段加载百度地图的代码，要求地图中心为北京，缩放级别为10，添加比例尺以及底图切换控件
03-26
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>加载百度地图</title> <style type="text/css"> #map{ width: 800px; height: 600px; margin: 0 auto; } </style> </head> <body> <div id="map"></div> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> <script type="text/javascript"> // 创建地图实例 var map = new BMap.Map("map"); // 初始化地图，设置中心点坐标和缩放级别 var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 10); // 添加比例尺控件 map.addControl(new BMap.ScaleControl()); // 添加底图切换控件 map.addControl(new BMap.MapTypeControl()); </script> </body> </html> 注意：在代码中需要替换您的密钥。也可以使用https，比如： <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> 如果您没有百度地图的开发者密钥，请前往百度地图开放平台申请。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值