BaiduMap 之 Javascript API

最新推荐文章于 2024-03-23 14:01:49 发布

「已注销」

最新推荐文章于 2024-03-23 14:01:49 发布

阅读量344

点赞数

分类专栏： BaiduMap 文章标签： javascript sdk api

本文链接：https://blog.csdn.net/u012437781/article/details/78540807

版权

BaiduMap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文主要介绍百度Map的Javascript API，探讨不同类型的API，如Android、Javascript和OS。我们将详细讲解如何使用Javascript API，并提供一个实际的Demo，包括申请Dev.SDK Key的流程和如何获取百度JavaScript API的示例。

摘要由CSDN通过智能技术生成

BaiduMap 之 Javascript API

关于百度Map API 有很多种类型(指的是控件类型而非Map类型)，如 Android API、Javascript API、OS API 等等。下面我们学习一下 Javascript API 的使用实例。

实例Demo（百度 JavaScript API ）
申请获得baidu Dev. SDK(申请获得百度开发者账号并获得一个秘钥)，申请步骤请参考网上相关教程，这里我们默认你已有一个 Dev.SDK key

从百度 JavaScript API 获取一个Demo

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html, #allmap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    font-family: "微软雅黑";
}
</style>
<script type="text/javascript"
    src="http://api.map.baidu.com/api?v=2.0&ak=VBMyTkAGTWCO8MNgQC**************&s=1"></script>
<title>地图展示</title>
</head>
<body>
    <div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap"); // 创建Map实例
    map.centerAndZoom(new BMap.Point(112.993152, 28.194563), 19); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes : [ BMAP_NORMAL_MAP, BMAP_HYBRID_MAP ]
    }));
    map.setCurrentCity("长沙"); // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>