您的位置:首页 > Web前端 > JavaScript

JavaScript嵌入百度地图

2015-05-04 20:15 134 查看
在百度地图API官网申请对应的密钥之后就可以在JavaScript中以在线的方式嵌入百度地图了。

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


创建地图实例

var map = new BMap.Map();          // 创建地图实例


显示地图

map = new BMap.Map("map_canvas");          // 创建地图实例
var point = new BMap.Point(112.931,28.169);  // 创建点坐标
map.centerAndZoom(point, 15);                 // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom();


显示地图相关控件:

//显示地图类型控件
map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));     //2D图,卫星图
map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_RIGHT}));    //左上角,默认地图控件
map.setCurrentCity("长沙");   //由于有3D图,需要设置城市哦
//添加缩放控件
map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
//添加比例尺控件
map.addControl(new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}));                    // 左下
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JavaScript 百度地图