使用百度的东西当然需要key了 (1.4版本以上需要key) 推荐使用2.0版本
百度web端,JavaScript api:http://lbsyun.baidu.com/index.php?title=jspopular
自己可以免费申请一个百度地图web端的key
这个key,copy去应该可以使用(ak=wvncEBkXaaltrNXQ4sXU5Dde3UCLj4zO)就是这部分
头部分引用
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wvncEBkXaaltrNXQ4sXU5Dde3UCLj4zO"></script>
以及下面的 <script type="text/javascript"></script>部分
在<body> 体中 加入 这个 如果没有显示 调试div的大小:
<div id="allmap"></div>
这里是代码部分:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wvncEBkXaaltrNXQ4sXU5Dde3UCLj4zO"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>