百度地图API调用笔记

本文详细介绍了如何使用百度地图API调用创建地图项目,包括申请密钥、创建容器、设置地图中心及缩放级别。还探讨了各种控件的使用,如NavigationControl、GeolocationControl和自定义控件的实现步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

百度地图API调用笔记javascript3.0版本

申请密匙和创建应用后就可以试着开始着手写相关地图项目了

<script type="text/javascript" src="http://api.map.baidu.com/api?	   v=3.0&ak=gBaaIKuqZQB9uxca9xzq4Q6cN48Tz0ii">
//v3.0版本的引用方式:src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"

2.提供一个容器,这个容器一般利用div提供,然后需要注意的是这个div里面最好不要放东西,然后提供一个id。

<div id="map"></div>

注意,需要设置高度
3.在底部调用javascript代码,规律可循:
1.需要申明容器对象,利用百度地图提供的BMap类的Map方法,
var mp=new BMap.Map(“传入你刚才提供的容器的id”);
2.设置中点位置,也就是说地图展示的时候那个地区为中心,比如如果你传入的是北京,或者经纬度,那么就以那个经纬度为周期。
mp.centerAndZoom (arg1,arg2);
其中两个参数分别为:
arg1:表示位置,可以是一个点,利用百度提供的BMap.Point(地理经度,地理纬度);进行定位,或者直接使用地址进行定位。
arg2:表示定位的等级,范围为3-19级,不过注意,这个级别只适用于第一个参数是一个点的时候,并且这个时候这个参数必须要存在的。如果第一个参数是字符串,也就是比如传入的是北京,那么这个时候这个参数就可以忽略不计,因为这个时候地图会根据传入的参数自适应的缩放,如果是高清底图,就是移动端(Android或者IOS)的时候,等级范围为3-18级。
然后初始化地图。操作了以上步骤基本上就可以把地图显示出来了,但这仅仅只是个基础。接下来我们可以做一些操作。
一.控件类:

1.Control:此类就是所有控件的父母,也就是所有控件的基类,既然是基类,肯定会提供一些比较常用而且比较有用的属性:

defaultAnchor:默认停靠位置,自定义控件的时候需要设置

defaultOffset:默认偏移位置,自定义控件的时候需要设置

方法:

setAnchor(anchor:enum ControlAnchor):设置控件停靠位置

getAnchor():返回控件停靠位置(enum ControlAnchor)

setOffset(offset:Size):设置控件停靠的偏移量

getOffset():返回控件停靠的偏移量(size)

show():显示控件

hide():隐藏控件

isVisible():判断控件的可见性(Boolean)

initialize(map:Map):抽象方法。调用Map.addControl()方法添加控件时将调用此方法,从而实现该控件的初始化。自定义控件时需要实现此方法,并将元素的DOM元素在该方法中返回。DOM元素需要添加到地图的容器中,使用map.getContainer()方法可获得地图容器元素。(HTMLElement)

通常来说,一般会在自己创建控件的时候使用,一般情况如果只是用百度地图提供的方法的话只要了解就足够了,如果想自己鼓捣一些控件的话,就需要自己去重写咯。下面是基础类的介绍:

1.Point类:地理坐标点类,该类在初始化的时候就用到了,

    构造方法:
        Point(lng:Number, lat:Number):以指定的经度和纬度创建一个地理点坐标。
        lng:表示地理经度
        lat:表示地理纬度

    方法:
        equals(other:Point)判断两个地点是否相等ÿ
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值