百度地图基础API的使用

最新推荐文章于 2023-05-09 16:46:43 发布

zyf_1998

最新推荐文章于 2023-05-09 16:46:43 发布

阅读量207

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/zyf_1998/article/details/105484115

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。
1.登录百度账号
2.创建应用
在这里插入图片描述
获取的秘钥
引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=Ait4HOr0lXbU4u5nyPGMlKXKTiuPHRyN;"></script>
<body>
     <div id="allmap"></div> 
    <script type="text/javascript">
    //百度地图API功能
    var map = new BMap.Map("allmap");
    map.centerAndZoom(new BMap.Point(120.378386,30.309756),15);//根据坐标初始化地图
     map.enableScrollWheelZoom(true);
    map.addControl(new BMap.NavigationControl());   //平移缩放控件
    map.addControl(new BMap.ScaleControl());        //比例尺
    map.addControl(new BMap.OverviewMapControl());  //缩略地图
    map.addControl(new BMap.MapTypeControl());      //地图类型
    map.setCurrentCity("武汉"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
    //添加标注
    var marker = new BMap.Marker(new BMap.Point(120.378386,30.309756));        // 创建标注
    map.addOverlay(marker);                     // 将标注添加到地图中
</script>
</body>
</html>

zyf_1998

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图基础API的使用

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。1.登录百度账号2.创建应用获取的秘钥引用<!DOCTYPE html><html lang="en"><head> <...
复制链接

扫一扫