百度地图api使用

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

二、准备一个页面,需要有一个容器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);
posted @ 2018-05-14 10:35  你是我的四月天  阅读(251)  评论(0编辑  收藏  举报