一、创建一个地图

2016-01-05 23:52:09  访问(2345) 赞(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 

上一条:

下一条:


 

相关评论

评论加载中……
 

发表评论

类型:
内容:
  (Alt+Enter)