码迷,mamicode.com
首页 > 其他好文 > 详细

调用百度地图接口

时间:2019-04-29 12:20:13      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:注册   ble   src   显示   rck   控件   .com   ext   map   

1.注册个百度地图账号

获取key值秘钥

如下:<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6mrUxtrtYxTopSt9rcKbBNEDjmss9nLg"></script>

 

2.代用百度地图里面的原码

 

3..注意

// 百度地图API功能  // 创建Map实例时 

需要改下百度地图里的原码
var map = new BMap.Map("MyMap"); 

html代码如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6mrUxtrtYxTopSt9rcKbBNEDjmss9nLg"></script>

<table>
<tr>
<td>百度地图</td>
</tr>
</table>
<div id="MyMap" style="width: 100%; height: 800px;"></div>

<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("MyMap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>
</body>
</html>

调用百度地图接口

标签:注册   ble   src   显示   rck   控件   .com   ext   map   

原文地址:https://www.cnblogs.com/Yanshaoxuan/p/10789585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!