引用百度地图API文档,创建一个简单的百度地图案例

其简单的流程步骤为:

步骤:
    引用百度地图API文件  
    创建地图容器元素并设置样式
    创建地图实例
    设置中心点坐标
    地图初始化,同时设置地图展示级别

<!--首先引入  百度 地图的   js , 填写上你的密钥, 密钥也就是你的AK-->
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&

ak= 您申请的应用的 key  "  ></script>

// 使用 JavaScript APIv1.5以上的 请先申请密钥 key
按此方式引用。 key 对应的参数为 ak

<div id="container"></div>

        <script type="text/javascript">
            
            var map = new BMap.Map("container");// 创建地图实例  
            
            var point = new BMap.Point(116.404, 39.915);// 创建点坐标  
            
            map.centerAndZoom(point, 15);// 初始化地图,设置中心点坐标和地图级别
            // 其他 扩展功能
            map.setCurrentCity(" ");// 设置地图显示的城市  这个是自定义的 
            
            map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
            
             // map.centerAndZoom("上海",15);     // 初始化地图,用城市名设置地图中心点     可以省略 创建坐标点
            
            
        </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值