<!DOCTYPE html PUBLIC "-//W3C//Ddiv XHTML 1.0 divansitional//EN" "http://www.w3.org/div/xhtml1/Ddiv/xhtml1-divansitional.ddiv"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>创建一个地图</title> <script src="/JavaScripts/jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?key=59db371659c04947a1ff044e80565718&v=1.1&services=true"></script> </head> <body> <h1> 创建一个地图</h1> <!--百度地图容器--> <div style="width: 520px; height: 340px; border: 1px solid gray" id="container"> </div> </body> <script type="text/javascript" language="javascript"> $(document).ready(function() { debugger var map = new BMap.Map("container"); //在百度地图容器中创建一个地图 var point = new BMap.Point(117.460101, 39.672332); //定义一个中心点坐标 map.centerAndZoom(point, 9); //设定地图的中心点和坐标并将地图显示在地图容器中 参数1地图中心点位置，参数2地图层级大小，数值大说明地图放大，反之缩小 }); </script> </html>
运行脚本
复制代码
另存代码