百度Map API openInfoWindow遇到只能点开一次，或多次点击才能打开

于 2023-10-08 16:19:05 发布
阅读量967 收藏 1
点赞数 2
CC 4.0 BY-SA版权
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tabooblood/article/details/133684367
文章讲述了在使用BMap库时，遇到首次打开信息窗后无法再次点击弹出或需多次点击的问题，通过调用`disableCloseOnClick()`方法解决了InfoWindow不弹出的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

做demo海量点打开信息窗，首次打开后，无法再打开或多次点击才能打开的问题解决

infoWindow.disableCloseOnClick() // 重要！解决infoWindow不弹窗

var infoWindow = new BMap.InfoWindow(sContent) // 创建信息窗口对象
this.map.openInfoWindow(infoWindow, thePoint) // 开启信息窗口
infoWindow.disableCloseOnClick() // 重要！解决infoWindow不弹窗

浮生若猫
关注
百度地图多个InfoWindow同时展示
qq_19666821的专栏
04-16 5939
由于百度的InfoWindow只能展示一个，marker却不受限制，因此换了一个思路，在网上搜集了许多资料，最终实验成功。 通过创建一个自定义的bitmap然后以marker的形式添加到地图上。 在xml中，只有一个地图控件，因为手边没有真机，就用模拟器进行测试的，地图是用的是TextureMapView使用默认的MapVIew会报错。 xml version="1.0" enc
调用百度地图api接口并点击marker也就是标点跳转页面
weixin_40463857的博客
03-14 7587
我公司是一个做安全检测设备系统的公司，需要调用地图接口来展示，并且点击标点进入项目页面，好了，话不多说，上代码<%@page import="java.sql.DriverManager"%><%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>&l
百度地图 openInfoWindow 需要多次点击才显示问题
qq_45048851的博客
07-30 721
map.openInfoWindow(infoWindow, position); // 打开信息窗口infoWindow.disableCloseOnClick(); //加上这句
百度地图API添加标注、信息窗口openInfoWindow
lovely960823的博客
05-07 1万+
主要写一下使用百度地图api遇到的问题以及解决方案吧。 申请ak就不说了。直接说步骤。 首先页面放几个div 很明显一个是根据区域搜索的：比如北京上海之类的，第二个根据自己的数据库条件查询结果，第三个用来装地图的 <div id="search" style="border:0px red solid;height:26px;"> <div style="float:lef...
百度地图的使用---3、信息窗口（InfoWindow）的使用、获取当前位置信息、自定义标题
最新发布
weixin_43905297的博客
09-11 3927
使用百度地图信息窗口、获取当前位置信息、自定义标题
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
03-07 4843
1.InfoWindow的样式，百度是没用提供直接使用的样式表的，目前都是热心网友在实际开发中自己的经验和实战总结； 2.百度提供了InfoBox富文本标签弹出框的接口，引入InfoBox.js，即可自定义样式或丰富的边框功能，但是鼠标单击下一个标注时，已经弹出的模态框是无法自动关闭；InfoWindow单击事件则是会即时展示现在单击的弹出模态框。 3.InfoBox的样式表要理解，必须理解的组成部分； 4.实现原理，就是CSS优先级和权重问题以及!important优先级； /*地图标题 infoW..
百度地图二次开发：精确标记并修改不同点
在深入探讨如何在百度地图上显示不同点并进行二次开发之前，让我们首先理解一些基础概念和步骤。 ### 百度地图API基础 1. **注册百度地图开发者账号**： 开始二次开发之前，需要在百度地图开放平台注册账号，并...
百度地图 循环加载marker并添加多个信息窗口，解决只显示最后一个窗口信息的问题
热门推荐
狂涛骇浪
12-07 2万+
最近在使用百度地图的时候遇到过一个问题，就是从数据库中进行加载数据，循环加载多个marker点，并且为每个marker点添加相对应的信息展示窗口，在实际执行的过程中，点击marker的时候显示的信息窗口总是显示的最后一次加载的信息，之前也遇到过这种问题，没进行总结，故忘记了之前的解决方法是什么，今天又遇到的同样的问题，抓狂，没进行总结带来的问题，所以在这里进行说明一下解决方法，以此借鉴学习，有错误
百度地图显示不同点
03-31
总的来说，实现“百度地图显示不同点”并进行二次开发，你需要掌握百度地图API的基本用法，包括地图初始化、标注创建、位置修改以及信息窗口的使用。通过编程，你可以创建一个交互式的地图应用，用户不仅可以查看...
百度地图点聚合中marker的infowindow消失的问题
ztop_f的博客
03-22 1万+
目前的业务场景是：地图中有多个点的点聚合，聚合点展开后，每个marker有自己的点击事件，点击时显示窗口信息。 做法是marker.openInfoWindow(infowin); 问题来了，每次点击时地图会自动将窗口平移到地图中心，这时窗口就消失了。 后调查发现，地图平移，缩放等操作会触发点聚合的重绘制事件，重绘时markers中没有保存infowindow等信息，所以会被覆盖掉。 尝试
百度地图自动循环打开infoWindow信息窗口
射手buff的博客
03-24 2926
百度地图自动循环打开infoWindow信息窗口 需求是打开地图时自动循环打开信息窗口并且可以手动点击打开窗口，关闭手动选择的窗口后继续循环打开信息窗口，效果如下
[原]解决百度地图多个Marker和InfoWindow时总是打开最后一个InfoWindow的问题
weixin_30566063的博客
03-27 794
在做项目的过程中，发现了在使用百度地图的过程中，加入多个Marker和多个InfoWindow的时候，多个Marker可以在地图上不同的坐标点显示出来，但是当点击不同的Marker的时候，显示的总是最后一个Marker对应的InfoWindow。至少直接写For循环是这个样子的。 于是乎我看到之前的代码是对应着写：Marker1,InfoWindow1, Marker2,Inf...
解决调用百度地图API时，在for循环中使用new BMap.InfoWindow()，总是只显示最后一个的问题
NJR10byh的博客
09-19 1078
在我们使用百度地图API并进行标记地图上特定地点时，往往这些标记点不止一个，这时候，我们或许会用到for循环来创造这些标记点，但是在查看每个标记点的信息窗时，我们会发现，这些信息窗所显示的内容，都是我们设定信息中的最后一条，该如何解决这个问题呢？ 答：使用外部函数 就是把创建信息窗的过程拎到循环外边去，循环内部通过调用外部函数来实现创建不同信息的信息窗。 Before : After : 希望对大家有所帮助！ ...
百度地图api开发一：信息窗口不能多次显示的问题
骨哥博客
12-03 3688
BMap.InfoWindow的显示问题 笔者在使用百度地图API开发时，常遇到这样一个问题，即：给标注（Maker）添加的信息窗口只能显示一次，当第二次点击时窗口不显示。 源代码如下： body{font-size:13px;margin:10px} #container{width:500px;height:300px;border:1px solid gra
百度地图：一个页面多个地图，只显示一个地图的解决办法
知行合一
11-17 5685
资源引入：http://api.map.baidu.com/getscript?v=2.0&ak=yourakcode"> function initBmap() { $("#dcViewMapContainer") .html( ''); var dcViewMap = new BMap.Map("dcViewMap"); // 创建Map实例 var poi
【解决】百度地图多个标记点多个信息窗口只显示一个问题(vue-baidu-map)
weixin_43939798的博客
03-11 4292
公司项目用到百度地图，我新手一个，碰到多个标记点多个信息窗口只显示一个问题。百度到的看不懂，后来自己解决了 ，贴出我的解决方法 vue + vue-baidu-map HTML 代码 <template v-for="(items, index) in markerPoints"> <bm-marker :key="index" ...
【解决】简单有效的解决百度地图多个标记点多个信息窗口只显示一个问题(vue-baidu-map)
weixin_46367300的博客
12-08 3560
【解决】简单有效的解决百度地图多个标记点多个信息窗口只显示一个问题(vue-baidu-map) vue + vue-baidu-map <!-- 百度地图 --> <baidu-map class="map" :center="markerPoint1" :zoom="9" :scroll-wheel-zoom="true" > <bm-navigation anchor="BMAP_ANCHOR_
百度地图API——修改infowindow样式
wch0001的博客
02-23 1万+
前言 最近又用到了百度地图api，之前用到的是百度地图js api的写法，需要一个个定义对象，添加事件或者监控，最后画到地图上，时不时还有渲染时序不对的情况，非常的不友好。所以这次用了vue Baidu Map，基于百度地图 JS API 开发的开源库的封装，减少了代码量，虽然文档部分封装和说明文档不是友好，但交互性相比之前的好多了。 用到了的覆盖物较多，信息窗体infowindow——直角边框加白底黑字，那么的 普通 ，肯定要修改一下，可是封装好的vue组件也不支持直接给style换底色和圆角，参阅其
onInfoWindowClick方法中，点击没反应
相公
02-08 1459
因为在自定义InfoWindow样式的时候，里面的控件可能设置了点击事件，抢夺了焦点，使之无效，两个点击事件目前只能二选一（我目前粗浅的知识库）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值