码迷,mamicode.com
首页 > Windows程序 > 详细

调用百度地图API

时间:2019-12-31 01:05:59      阅读:643      评论:0      收藏:0      [点我收藏+]

标签:UNC   jwt   ref   inter   href   中心   zoom   ati   utf-8   

百度地图开发文档地址:http://lbsyun.baidu.com/index.php?title=jspopular3.0

我申请的秘钥:ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b

       zM2RKSEjDrpFwwuhQ84gdLfls57asX20

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b"></script>
    <style>
        /* 地图容器样式 */
        #container{
            width:100%;
            height:500px;
        }
    </style>
</head>
<body>
    <div id="container"></div> 
    <script>
        // 创建地图实例
        var map = new BMap.Map("container"); 
        // 设置中心坐标点
        var point = new BMap.Point(116.404, 39.915); //这里设置成天安门的坐标
        // 地图初始化 设置中心坐标及地图级别
        map.centerAndZoom(point, 15); 
        //开启鼠标滚轮缩放 
        map.enableScrollWheelZoom(true);    
        var marker = new BMap.Marker(point);// 创建标注    
        map.addOverlay(marker);// 将标注添加到地图中  
        // 4000后地图的中心点移动到新的中心点
        window.setTimeout(function(){  
            map.panTo(new BMap.Point(116.409, 39.918));    
        }, 4000);

    </script>
</body>
</html>

 

 

了解更多请查看文档

调用百度地图API

标签:UNC   jwt   ref   inter   href   中心   zoom   ati   utf-8   

原文地址:https://www.cnblogs.com/fqh123/p/12122101.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!