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

js-调用百度地图api

2015-11-18 15:38 423 查看

<html>

<head>

<style type="text/css">
#allmap {width: 100px;height: 100px;}
</style>
</head>

<body>

<div id="allmap"></div>

</body>

</html>

<script type="text/javascript">
function loadJScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://api.map.baidu.com/api?v=2.0&ak=UX6lATjo0QXI0GqxrczGDzkh&callback=init";
document.body.appendChild(script);

}
function init() {
try{
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point,15);
map.enableScrollWheelZoom();
}catch(e){
alert(e);
}
}
window.onload = loadJScript;
</script>

1.加载百度提供的 "http://api.map.baidu.com/api?v=2.0&ak=UX6lATjo0QXI0GqxrczGDzkh&callback=init"; 脚本

2.定义一个init函数，并且在里面设置地图存放的位置，使用BMap.Map函数传入 doom元素名称（string类型），并设置地图显示的位置

3.指定显示区域的宽高，（但是为什么我修改你的demo里，注释了也可以用。。。）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航