美文网首页
极简百度地图 创建地图第一步

极简百度地图 创建地图第一步

作者: JS地图 | 来源:发表于2018-01-06 22:49 被阅读0次

    在网页上创建百度地图是非常简单的事情,有代码有真相。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
        <style type="text/css">
        body, html,#bmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
        </style>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="></script> //引用地图API
        <title>极简百度地图</title>
    </head>
    <body>
        <div id="bmap"></div>  //创建地图容器
    </body>
    </html>
    <script type="text/javascript">
        var map = new BMap.Map("bmap");      //创建Map实例
        map.centerAndZoom("广州",15);        //设置地图显示的城市
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    </script>
    

    待续......

    相关文章

      网友评论

          本文标题:极简百度地图 创建地图第一步

          本文链接:https://www.haomeiwen.com/subject/uruunxtx.html