当前位置: 首页 > 知识库问答 >
问题:

前端 - 百度地图加载如何显示鼠标最小的层级地图?

白翰海
2023-12-11

image.pngimage.png
百度地图加载的时候 默认是第二张地球的 ,我缩放最小层级也是第二张图,
但是鼠标是可以滚动层级到第一张图的样式的, 如何设置初始化的是时候记载称第一张图呢

function renderInitMap() {  // GL版命名空间为BMapGL  var map = new BMapGL.Map("map_container");    // 创建Map实例  map.centerAndZoom(new BMapGL.Point(118.5, 27.5));  // 初始化地图,设置中心点坐标和地图级别  map.enableScrollWheelZoom();     //开启鼠标滚轮缩放  map.setMapType(BMAP_EARTH_MAP);      // 设置地图类型为地球模式  map.addControl(new BMap.MapTypeControl());  window.currentMap = map}renderInitMap()

初始化的时候 地球默认层级是鼠标滚动的的最小层级样式

共有2个答案

司承业
2023-12-11

试试
// 初始化地图,设置中心点坐标和地图级别
map.centerAndZoom(centerPoint.center, centerPoint.zoom)

濮阳鸿卓
2023-12-11

要设置百度地图加载时初始化的地图层级为最小层级,您可以使用 zoom 属性来设置地图的初始缩放级别。将 zoom 属性设置为最小可能的值,即可实现此目的。

以下是修改后的代码示例:

function renderInitMap() {  var map = new BMapGL.Map("map_container");    // 创建Map实例  map.centerAndZoom(new BMapGL.Point(118.5, 27.5));  // 初始化地图,设置中心点坐标和地图级别  map.enableScrollWheelZoom();     //开启鼠标滚轮缩放  map.setMapType(BMAP_EARTH_MAP);      // 设置地图类型为地球模式  map.addControl(new BMap.MapTypeControl());  map.setZoom(1);  // 设置初始缩放级别为最小层级  window.currentMap = map}renderInitMap()

在上述代码中,通过将 setZoom 方法中的参数设置为 1,将初始缩放级别设置为最小层级。这样,当地图加载时,将显示地球的最小层级样式。

 类似资料:
  • 本文向大家介绍javascript实现百度地图鼠标滑动事件显示、隐藏,包括了javascript实现百度地图鼠标滑动事件显示、隐藏的使用技巧和注意事项,需要的朋友参考一下 其实现思路是给label设置样式,我们来看下具体做法吧 以上所述就是本文给大家分享的全部内容了,希望能够对大家学习javascript有所帮助。

  • echarts 中引用百度地图(非geojson地图)显示散点图等,想问下能不能只显示中国境内,不显示国外区域地图。

  • 我们知道,由于臭名昭著的中国GPS偏移问题,GPS(WSG-84)地图坐标与国家批准的中国地图使用的坐标系(GCJ-02)不完全对应。 问题是,如何确保通过百度地图API在导航器报告的坐标处放置标记。地理位置。getCurrentPosition()是否符合现实? 制造或批准在中国使用的设备的GPS芯片是否会返回与用户实际位置不匹配的坐标,以匹配GJC-02地图? 用户运行中文导航器(如Maxth

  • 百度地图api中有个鼠标画图工具的,客户有个需求就是需要画多个矩形,这些画出来的矩形还需要有删除按钮(也就是右键删除功能) 我引用了百度地图的鼠标工具库,鼠标功能正常,就是这里的删除功能不知道怎么实现,我看百度官方API中没有提到这个功能,也没有这个删除的功能 大佬们能讲下实现的思路吗

  • 求教: 有些公司在百度地图上可以看见(缩放等级百度地图50米) leaflet调取百度地图切片数据后反而看不见了是为什么呢

  • 可以按照地图坐标,地址,城市,IP定位进行显示。直接拖拽保存地址坐标。 显示效果如下: 使用说明: 1、 在head引用bdMap.js 2、 设置DIV容器 3、 JS执行ShowMap("map",{city:'郑州',addr:'经路鑫路',title:'吊儿',lawfirm:'公司',tel:'136238',pic:'http://www.shalisoft.com/images/10