美文网首页
百度地图小记

百度地图小记

作者: 绝世小熊猫 | 来源:发表于2019-04-30 09:39 被阅读0次
感谢朋友的帮助  这api真不好找呢
百度地图的弹出框
外部样式
var opts = {
          width: 200,     // 信息窗口宽度
          height: 85,     // 信息窗口高度
          lineHeight: 90,/窗口标题高度
          title: projectName, // 信息窗口标题
          enableMessage: true//设置允许信息窗发送短息
        };
var content = "<div>你的内容</div>"
var infoWindow = new BMap.InfoWindow(content, opts);  // 创建信息窗口对象
var 
this.map.openInfoWindow(infoWindow, point); //开启信息窗口
point是各个标记点的经纬度

标记点 http://api.map.baidu.com/images/marker_red.png  是百度线上图片
【这是标记点的事件】
var marker = new BMap.Marker(point);
            that.addClickHandler(content, marker);
            that.map.addOverlay(marker); // 将标注添加到地图中
【顾名思义 这就是标记点的鼠标移入事件】
marker.addEventListener("mouseover", function (e) {
            that.openInfo(content, e)
          }
        );
new BMap.Map("devMap", {minZoom: 4, maxZoom: 8, mapType: BMAP_HYBRID_MAP});//其中minZoom是最小缩放maxZoom是最大缩放
【监听百度地图缩放事件】
function getMapZoom(){//监听地图缩放
        map.addEventListener("zoomend", function(e){
            var ZoomNum = this.map.getZoom();
            alert(ZoomNum)
        });
      },

相关文章

网友评论

      本文标题:百度地图小记

      本文链接:https://www.haomeiwen.com/subject/qzcmnqtx.html