1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 5 <title>Hello, World</title> 6 7 <script src=http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false type="text/javascript"></script> 8 </head> 9 <body> 10 <div style=" 520px; height: 340px; border: 1px solid gray" id="container"> 11 </div> 12 </body> 13 </html> 14 <script type="text/javascript"> 15 var map = new BMap.Map("container"); // 创建Map实例 16 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 17 map.centerAndZoom(point,15); // 初始化地图，设置中心点坐标和地图级别。 18 </script>
您可以查看此示例
注意：
http://api.map.baidu.com/api?v=1.4 //参数v表示您加载API的版本，使用JavaScript APIv1.4及以前版本可使用此方式引用。 http://api.map.baidu.com/api?v=1.5&ak=您的密钥 //使用JavaScript APIv1.5请先申请密钥ak，按此方式引用。
详细，请才参考百度地图ＡＰＩ官网：网址：http://developer.baidu.com/map/jsdevelop-1.htm 点击 ——》开发指南
上面是前端页面，注意