利用百度密匙创建一个简单的地图

Map:

在我们使用百度地图时,第一步就是要创建一个Map的实例对象,它是地图API的核心类,用来构建百度地图对象。

var  map = new BMap.Map("这里是地图容器的ID"); 

当我们的地图创建好之后,就需要对地图进行初始化,并对地图的中心坐标和地图级别进行设置,此时我们就要用到Map下面的centerAndZoom方法

centerAndZoom(center:Point,zoom:Number);
var  map = new BMap.Map("这里是地图容器的ID"); 
map.centerAndZoom(center:Point,zoom:Number);

该方法有两个参数 : center:Pointzoom:Number,如果center的类型为Point,即是坐标类型的话,zoom 即地图级别必须赋值,其赋值范围 3 -19。如果center的是类型为字符串,比如“武汉”时,zoom可以忽略,因为地图自动根据center来适配最佳的zoom级别。

Point:

point时表示地理坐标点的的类,以指定的经度和纬度来创建一个地理的坐标点。

var point = new BMap.Map(lng:Number,lat:Number);
addControl();

addControl()是Map下面的一个添加的方法,它的作用主要是为地图添加一些控件,一个控件实例只能添加一次。在该方法中我们可以添加例如:比例尺 、缩略地图、地图类型等等控件,使我们的地图更加多样化

   map.addControl(new BMap.ScaleControl(Scaleopts));// 比例尺
   map.addControl(new BMap.OverviewMapControl());// 缩略地图
   map.addControl(new BMap.MapTypeControl());// 地图类型
setCurrentCity();

setCurrentCity()方法设置地图显示的城市,该方法时必须设置。在使用该方法时,初始化时填写的经度和纬度必须与设置的城市对应,否则地图无法显示。

enableScrollWheelZoom();

enableScrollWheelZoom()方法可以开启和关闭鼠标滚轮缩放地图,让我们过的更好地操控感,括号里面的值是布尔类型的值,true则表示开启,false则表示关闭。

当上面的方法都设置完成之后,我们就得到一个以自己设置显示城市为中心的一张可以用鼠标滚轮缩放的地图:

   var  map = new BMap.Map("这里是地图容器的ID"); 
   var point = new BMap.Map(lng:Number,lat:Number);
   map.centerAndZoom(point,11);
   map.addControl(new BMap.ScaleControl(Scaleopts));// 比例尺
   map.addControl(new BMap.OverviewMapControl());// 缩略地图
   map.addControl(new BMap.MapTypeControl());// 地图类型
   map.setCurrentCity("武汉");
   map.enableScrollWheelZoom(true);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值