百度地图api-拖拽-滚轮缩放-标记红点

最新推荐文章于 2022-12-22 19:41:17 发布

Shaw同学

最新推荐文章于 2022-12-22 19:41:17 发布

阅读量4.1k

点赞数 2

分类专栏： JavaScript HTML 笔记大全文章标签：百度地图接口

本文链接：https://blog.csdn.net/qq_31065757/article/details/82895840

版权

笔记大全同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

API秘钥
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body>
<!--百度地图容器-->
<div style="width:500px;height:300px;border:#ccc solid 1px;font-size:12px" id="map"></div>

</body>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=46ce9d0614bf7aefe0ba562f8cf87194"></script>
<script type="text/javascript">

    //创建和初始化地图函数：
    initMap();
    function initMap(){
        var map = new BMap.Map("map");
        var point = new BMap.Point(119.303362,26.080721); //福州市
        map.centerAndZoom(point, 12);
        var marker = new BMap.Marker(point);   // 创建标注
        map.addOverlay(marker);
        map.enableScrollWheelZoom(true);  //启用滚轮放大缩小，默认禁用
        map.enableKeyboard(true);         //启用键盘操作，默认禁用。
        map.enableDragging();             //启用地图拖拽，默认启用
        map.enableDoubleClickZoom();      //启用双击放大，默认启用
        map.addControl(new BMap.NavigationControl()); //平移缩放控件
        map.addControl(new BMap.ScaleControl());      //比例尺控件
    }
</script>
</html>

Shaw同学

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
百度地图api-拖拽-滚轮缩放-标记红点

API秘钥&lt;!DOCTYPE html&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;!--百度地图容器--&gt;&lt;div style="width:500px;height:300px;border:#c
复制链接

扫一扫

专栏目录