精华内容
下载资源
问答
  • 百度地图infowindow关闭
    2022-08-18 16:36:26

    最近在做大屏的可视化开发的时候遇到需要自定义信息窗口的需求,但是百度地图自带的infoWindow虽然可以通过插入html字符串的形式自定义信息,但是它自带有白色背景,没有找到去掉其默认背景颜色的属性,所以通过css的方式去掉就可以了

    .BMap_pop>div {
      background: transparent !important;
      border: 0 !important;
    }
    
    .BMap_pop>div>div {
      background: transparent !important;
      border: 0 !important;
    }
    
    .BMap_pop>div>img {
      display: none;
    }
    
    .BMap_pop>img {
      width: 0 !important;
      height: 0 !important;
    }

    这里是把其四周的色块和关闭按钮都去掉了的,所以还要自定义关闭按钮

    var infoWindow = new BMap.InfoWindow(sContent);
              this.openInfoWindow(infoWindow);
              if (!infoWindow.isOpen()) {
                infoWindow.addEventListener("open", function () {
                  $('.infor-close-icon').click(function () {
                    console.log('点击了')
                    _this.map.closeInfoWindow();
                  })
                })
              } else {
                $('.infor-close-icon').click(function () {
                  console.log('点击了')
                  _this.map.closeInfoWindow();
                })
              }

    更多相关内容
  • 百度地图V3.6.0系列——覆盖物和InfoWindow的使用
  • 大概讲解:在百度地图上显示一个marker,当marker被点击后,显示自定义的View.当自定义的View被点击后,响应不同Button的点击事件。被百度这个infowindo里面的view坑惨了,一直以为不能点击呢??原来里面的view可以...

    大概讲解:

    在百度地图上显示一个marker,当marker被点击后,显示自定义的View.当自定义的View被点击后,响应不同Button的点击事件。被百度这个infowindo里面的view坑惨了,一直以为不能点击呢??原来里面的view可以点击也可以被响应!!

    先看效果图:

    c394951e63169d142b329a6c55a1ce0f.png

    备注:点击详情(进入此任务详情、点击导航进入百度导航)

    代码如下:

    baiduMap.setOnMarkerClickListener(new BaiduMap.OnMarkerClickListener() {

    @Override

    public boolean onMarkerClick(Marker marker) {

    LatLng latLng =marker.getPosition();

    InfoWindow currentInfoWindow = new InfoWindow(getInfoWindoView(marker,taskJson),latLng, -77);

    baiduMap.showInfoWindow(currentInfoWindow);

    return true;

    }

    });

    那么Infowindow的自定义View在哪里呢?

    private View getInfoWindoView(final Marker marker,final JsonObject taskJson){

    if (null == infoView) {

    infoView = (ViewGroup) LayoutInflater.from(assignmentsActivity).inflate(R.layout.balloon_overlay, null);

    }

    tvTitle = (TextView) infoView.findViewById(R.id.balloon_item_title);

    tvDetailLocation = (TextView) infoView.findViewById(R.id.balloon_item_snippet);

    layout_taskInfo = (LinearLayout) infoView.findViewById(R.id.layout_taskInfo);

    iv_navigation = (ImageView) infoView.findViewById(R.id.iv_navigation);

    tvTitle.setText(marker.getExtraInfo().getString("title"));

    tvDetailLocation.setText(marker.getExtraInfo().getString("subject"));

    layout_taskInfo.setOnClickListener(new View.OnClickListener() {

    @Override

    public void onClick(View v) {

    Common.switchToTaskDetail(assignmentsActivity, taskJson);

    }

    });

    iv_navigation.setOnClickListener(new View.OnClickListener() {

    @Override

    public void onClick(View v) {

    viewInMapApp(marker.getPosition().latitude, marker.getPosition().longitude);

    }

    });

    return infoView;

    }

    Infowindow在初始化的时候一定要这样 才可以响应单独的点击事件。

    InfoWindow currentInfoWindow = new InfoWindow(getInfoWindoView(marker,taskJson),latLng, -77);

    Technorati 标签: 百度地图,android百度

    原文:http://www.cnblogs.com/lixiaodaoaaa/p/4503810.html

    展开全文
  • 百度地图InfoWindow事件绑定

    万次阅读 2016-12-09 11:23:31
    最近用百度地图开发了一个功能,需要绑定marker的提示框InfoWindow的事件,用百度原先提供的API :addEventListener方法绑定事件没有任何反应。  处理方案:  1.引入 2.在InfoWindow的HTML绑定id var ...

    最近用百度地图开发了一个功能,需要绑定marker的提示框InfoWindow的事件,用百度原先提供的API :addEventListener方法绑定事件没有任何反应。

      处理方案:

         1.引入

    <script src="https://raw.github.com/jiazheng/EventWrapper/master/release/eventwrapper.min.js" type="text/javascript"></script>
        
        2.在InfoWindow的HTML绑定id
          	var sContent ="<div id='markerInfo'><h4 style='margin:0 0 5px 0;padding:0.2em 0;color:"+colors+"'>"+title+"</h4>" + "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>"+showInfo+"</p>" +"</div>";
       
        3.绑定marker单击事件
      	    	var clickListener = EventWrapper.addListener(marker, 'click', function(e){
      	    		 map.openInfoWindow(infoWindow,point); //单击marker显示InfoWindow
    	    	});
      	    	//自动调用单击事件
      	    	EventWrapper.trigger(marker,"click");
    
    
      4.监听InfoWindow的打开事件open
    	EventWrapper.addListener(infoWindow, 'open', function(e){
    	  		//绑定信息框的单击事件
    	  		$("#markerInfo").bind("click",function(){
                                    console.log("点击了InfoWindow");
    	  	        });
    	 });
     注意:一定要监听 InfoWindow的open事件,通过sContent HTML绑定的id 我们可以注册各种事件!

    展开全文
  • 就是在百度地图infowindow上添加一个按钮,点击按钮,调用自定义事件。 之前我的解决方案是: 这样是可以的,当我点击“查看详情”时,会调用detailMsg方法,但是后来发现一个问题:就是当我把...

    这是个困扰我已久的问题。就是在百度地图的infowindow上添加一个按钮,点击按钮,调用自定义事件。

    之前我的解决方案是:

     

     

    这样是可以的,当我点击“查看详情”时,会调用detailMsg方法,但是后来发现一个问题:就是当我把infowindow窗口关闭,再次点击标注,试图打开infowindow时,会报错:

     

     这个问题我始终找不到原因,也无法解决,后来我还是用回了老方法,就是用字符串的方式创建动态dom元素,如下:

    但是这样始终都没办法监听到detailMsg事件,后来我把事件动态加载上去,如下:

    这样的效果是页面刷新之后第一次点击的时候会报错:

    当把infowindow关闭之后,第二次打开再点击的时候就是ok的,于是,我想可能是第一次点击的时候,元素还没有渲染到dom结构上,于是想用事件委托,将事件委托给父级元素,但是尝试之后发现这样是行不通的。

    然后看到网上有人说infowindow添加事件要使用infowindow的open事件才行,于是尝试使用了如下代码:

     可是这样做了之后效果是第一次点击有效,之后怎么点击都无效,哎,长路漫漫啊~~~

     于是乎,我就把这两个结合了起来,但是那个报错依旧存在,所以我就想能不能第一次点击调用这个办法,以后就调用上边那个方法,那么问题来了,这个判断条件要怎么写呢?然后就去扒文档,在文档中发现了

    经测试发现,这个isOpen只有在第一次点击的时候是false,其他时间都是true,到此问题得到解决。

    代码如下:

     

    展开全文
  • 最近捣腾百度地图,在做标志物点击事件显示信息窗口时,发现官方的信息窗口只给了固定的样式,且比较普通。那么该如何想修改成自己想要的样式? 1.在官方给出的原基础上进行修改 了解这种方法有助于你理解官方的信息...
  • //百度地图控件 BaiduMap mBaiduMap;//地图图层 TextView textView_findCourier;//UI显示其他标识点 BitmapDescriptor bitmap_otherPoint;//标识点图片 long backTime;//系统退出时间 @Override protected void ...
  • 百度地图自动循环打开infoWindow信息窗口 需求是打开地图时自动循环打开信息窗口并且可以手动点击打开窗口,关闭手动选择的窗口后继续循环打开信息窗口,效果如下
  • 百度地图的infoBox。类似于infoWindow,比infoWindow更有灵活性,比如可以定制border,关闭按钮样式等。 基于Baidu Map API 1.2 。
  • ionic开发中,在使用百度地图的时候,有时我们需要在点击地图上标注的海量点弹出一个infowindow的信息窗口,自定义信息窗口的内容后,我们想要可以在信息窗口上面点击的时候,发现点击没有效果。 我们用chrome的...
  • 修改 百度地图 infowindow 默认样式

    千次阅读 2017-11-11 22:56:00
    1.百度 api 没有 提供可以修改 infowindow 默认样式的 方法。 如需修改,需要 自定义 替换 默认样式。 demo.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; ...
  • 在我们使用百度地图做地图标注时,单击添加时,如果点中图层中原生的标注会出现如下现象: 我们自定义的infoWindow会一闪而退,没办法做我们自己的添加操作; 产生的原因: 同是单击事件,当点击地图原生标注时弹...
  • 首先,先看一下效果图吧。   ...Marker应该在添加的时候不是什么大问题,直接添加就可以。...注意,我辨别Marker为了方便用的是title,大家可以用bundle来存储传值。...下一篇,百度地图的所有覆盖物。
  • 目前的业务场景是:地图中有多个点的点聚合,聚合点展开后,每个marker有自己的点击...后调查发现,地图平移,缩放等操作会触发点聚合的重绘制事件,重绘时markers中没有保存infowindow等信息,所以会被覆盖掉。 尝试
  • 属性属性类型描述zoomLevelMinNumber地图允许展示的最小级别。(自 1.2 废弃)zoomLevelMaxNumber地图允许展示的最大级别。(自 1.2 废弃)minZoomNumber地图允许展示的最小级别。(自 1.2 新增)maxZoomNumber地图允许...
  • 最近,百度地图的沈腾语音包就是一个典型的“出圈”案例。起初,是一个名为《当你超速时的沈腾语音导航》的短视频在抖音上火了,获得了超800万的播放量,并一举登上了抖音热榜TOP2和爆款话题。随后这个视频又被传播...
  • 此类表示地图上包含信息的窗口。 构造函数 描述 InfoWindow(content: String | HTMLElement, opts: InfoWindowOptions) 创建一个信息窗实例,其中content支持HTML内容。1.2版本开始content参数支持传入DOM...
  • // 创建百度地图对象 map.centerAndZoom(new BMap.Point(116.404, 39.915), 12); map.enableScrollWheelZoom(); // 启用滚轮放大缩小,默认禁用 map.enableContinuousZoom(); // 启用地图惯性拖拽,默认禁用 map....
  • var infoWindow = new BMap.InfoWindow(appendDiv);...infoWindow.addEventListener('open',function(type, target, point){ //窗口打开是,隐藏自带的关闭按钮 $('.BMap_pop>img').hide(); })
  • 2.百度提供了InfoBox富文本标签弹出框的接口,引入InfoBox.js,即可自定义样式或丰富的边框功能,但是鼠标单击下一个标注时,已经弹出的模态框是无法自动关闭InfoWindow单击事件则是会即时展示现在单击的弹出模态...
  • 默认情况下,点击地图时标记的infoWindow 就会关闭。我想要禁用这个功能,怎么实现? 我重写了`onMapClicked` ,但是没反应: mMap.setOnMapClickListener(new GoogleMap.OnMapClickListener() { @...
  • 修改原版JS 文件卡顿,耗时,吃内存的问题。新版聚合插件简版,没有放在BMap.BMapLib下,而是直接 import 进项目,new 出来就可以用。new MarkerClusterer( bmap, { markers: lnglat_Arr, iconUrl: iconUrl } )
  • // 关闭定位图层 mBaiduMap.setMyLocationEnabled(false); mMapView.onDestroy(); mMapView = null; super.onDestroy(); } /** * 经纬度转换成地址 */ private void myLatLng(LatLng latLng) { // 设置反地理经纬度...
  • 前言: 新手上路,这几天在弄百度地图SDK的使用(吐槽 : 官网上的开发指南简直就是实力坑爹,可能是开发人员太忙,维护不及时吧),我对本次学习的要求也不高:能正常显示地图,能定位,能添加mark(覆盖物),点击...
  • 百度地图的infoBox。类似于infoWindow,比infoWindow更有灵活性,比如可以定制border,关闭按钮样式等。 基于Baidu Map API 1.2 +。
  • 增加地图组件的时候发现一直有这个白块箭头,不知道怎么去掉,也不知道这个箭头是BMap的什么属性,请问如何删除或者替换掉
  • vue+element中引入百度地图

    万次阅读 热门讨论 2019-08-28 16:23:10
    我们的后台管理系统中,经常会有地图预览,本篇文章带你如何在vue中引入和成功使用高德地图!喜欢麻烦动动您发财的小手,一键三连!

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 510
精华内容 204
关键字:

百度地图infowindow关闭