动态百度地图代码JS

最新推荐文章于 2023-06-18 15:12:52 发布

吃饭了吗

最新推荐文章于 2023-06-18 15:12:52 发布

阅读量415

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_41824429/article/details/108821644

在这里插入图片描述

    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.3"></script>
    <div class="map" id="container" style="margin:30px 0px;width:1200px;height:270px;line-height:20px;font-size:14px;">
    <script type="text/javascript">
            var map = new BMap.Map("container");            // 创建Map实例
            var point = new BMap.Point(116.314007,39.97534);    // 创建点坐标
            map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
            map.enableScrollWheelZoom();  // 开启鼠标滚轮缩放
            var marker = new BMap.Marker(point);  // 创建标注
            map.addOverlay(marker);              // 将标注添加到地图中
            marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
            marker.addEventListener("click", function(){          
                this.openInfoWindow(infoWindow);  
              });
            var opts = {
                  width : 250,     // 信息窗口宽度
                  height: 100,     // 信息窗口高度
                  title : "xxx"  // 信息窗口标题
            }
            // var infoWindow = new BMap.InfoWindow("电话：010-98878987<br />地址：北京市xxxx", opts);  // 创建信息窗口对象
            map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
            var opts = {type: BMAP_NAVIGATION_CONTROL_SMALL}
            map.addControl(new BMap.NavigationControl(opts));
            map.addControl(new BMap.ScaleControl());  
            map.addControl(new BMap.OverviewMapControl());  
            map.addControl(new BMap.MapTypeControl());
            local = new BMap.LocalSearch(map, {   
              renderOptions:{map: map}   
            });   
      </script>