浅谈百度地图api调用(上)

时间:2024-04-04 07:08:14

             刚看了百度地图的文档,所以就稍微整理下,帮助伙伴们不用再去百度看文档,看零零碎碎的代码段。

            百度地图支持pc端,手机端,手机微信端的调用。首先先来入门一个调用实例:

            First,你要先注册到一个百度账号,然后申请成为开发者,因为调用百度的API要AK密匙。至于使用API则需要加入域名

白名单,没有域名你可以使用内网穿透工具来达到。上图:

           浅谈百度地图api调用(上)

         登陆百度地图成为开发者后就可以了进入这个界面,然后:

         浅谈百度地图api调用(上)

          我们是在客户端调用所以选择浏览器端;

         浅谈百度地图api调用(上)

           这个白名称就是要有自己的服务器,用内网穿透也可以;

           然后输入应用名称,你的AK就生成了:

          浅谈百度地图api调用(上)

          接下来进入demo实例 ;

          给你的html头之间代码加上这段:

          浅谈百度地图api调用(上)

          成功的引入JS API;

         开始生成百度地图:浅谈百度地图api调用(上),注意:这个DIV的ID是要对应到初始化的MAP类中的,百度地图所有的类都在命名空间BMap下;

          在百度DEMO,实例以北京*为例;浅谈百度地图api调用(上);Point类的构造参数是*附近,是一个坐标值。point变量是指向地图中心的,无论你怎么变化坐标。

            百度地图要自己设置滚轮放大缩小,默认是没有这个功能;浅谈百度地图api调用(上)

            百度地图可以自行添加控件,也可以自定义控件,这个只能自行参考官方的API类库;里面有详细的demo,以及说明。

            http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html;

           添加控件的写法:

           浅谈百度地图api调用(上);ScaleControl()是官方定义好的类,所有控件类都继承基类Control;

           对于地图的外观以及地图样式;详细的也要参考官方文档,这里只基本用用法;

          浅谈百度地图api调用(上)