百度地图api使用

Posted 2020-11-05 你是我的四月天

一、注册百度开发者账号，获得密钥

二、准备一个页面，需要有一个容器div来绘制地图

<style type="text/css">  
    html{height:100%}    
    body{height:100%;margin:0px;padding:0px}    
    #container{height:100%}    
</style>

<div id="container"></div>

三、引入百度api的js文件

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

四、创建地图实例

var map = new BMap.Map("container");

五、设置中心点坐标

var point = new BMap.Point(116.404, 39.915);

六、地图初始化，同时设置地图展示级别

map.centerAndZoom(point, 15);