一、创建一个地图
2016-01-05 23:52:09 访问(2347) 赞(0) 踩(0)
-
<!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>
标签:
创建一个地图 


百度地图开发 


DEMO 


上一条:
下一条:
相关评论
发表评论