百度地图API(三)

覆盖物

就是在地图上加一些东西,如点、线、框之类的。

标注点:

var map=new BMap.Map("container"); //创建地图实例
var point=new BMap.Point(116.404,39.915);//创建点坐标
map.centerAndZoom(point,14); //初始化地图,设置中心点坐标和地图级别
var marker=new BMap.Marker(point);//添加默认样式标注

就是酱紫:
这里写图片描述

另外标注的样式是可以自定义的。

给它添加交互

marker.addEventListener("click",function(){
           alert("天安门:点我干嘛?!");
       })

这里写图片描述

实现拖拽:

marker.enableDragging();    
marker.addEventListener("dragend", function(e){    
alert("当前位置:" + e.point.lng + ", " + e.point.lat);    
 })

这里写图片描述

信息窗口

  var opts = {    
 width : 100,     // 信息窗口宽度    
height: 50,     // 信息窗口高度    
title : "哟哟"  // 信息窗口标题   
}    
var infoWindow = new BMap.InfoWindow("切克闹", opts);  // 创建信息窗口对象    
map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口

这里写图片描述

诸如此类,还可以自定义覆盖物,在此不多说了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值