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

原创 于 2023-10-08 16:19:05 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端

文章讲述了在使用BMap库时，遇到首次打开信息窗后无法再次点击弹出或需多次点击的问题，通过调用`disableCloseOnClick()`方法解决了InfoWindow不弹出的问题。

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

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

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

浮生若猫
关注
百度地图点聚合中marker的infowindow消失的问题
ztop_f的博客
03-22 1万+
目前的业务场景是：地图中有多个点的点聚合，聚合点展开后，每个marker有自己的点击事件，点击时显示窗口信息。 做法是marker.openInfoWindow(infowin); 问题来了，每次点击时地图会自动将窗口平移到地图中心，这时窗口就消失了。 后调查发现，地图平移，缩放等操作会触发点聚合的重绘制事件，重绘时markers中没有保存infowindow等信息，所以会被覆盖掉。 尝试
调用百度地图api接口并点击marker也就是标点跳转页面
weixin_40463857的博客
03-14 7665
我公司是一个做安全检测设备系统的公司，需要调用地图接口来展示，并且点击标点进入项目页面，好了，话不多说，上代码<%@page import="java.sql.DriverManager"%><%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>&l
百度地图 InfoWindow上添加点击事件
a736755244的博客
03-03 9804
百度地图 InfoWindow上添加点击事件
百度地图的基本知识与使用
qq_68086484的博客
10-31 3557
v=1.0&&type=webgl&ak=你自己的AK">map.centerAncZoom(point, 15);var point new BMap.Point(经度，纬度)
百度地图 openInfoWindow 需要多次点击才显示问题
qq_45048851的博客
07-30 774
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...
百度地图二次开发：精确标记并修改不同点
在深入探讨如何在百度地图上显示不同点并进行二次开发之前，让我们首先理解一些基础概念和步骤。 ### 百度地图API基础 1. **注册百度地图开发者账号**： 开始二次开发之前，需要在百度地图开放平台注册账号，并...
百度地图 循环加载marker并添加多个信息窗口，解决只显示最后一个窗口信息的问题
热门推荐
狂涛骇浪
12-07 2万+
最近在使用百度地图的时候遇到过一个问题，就是从数据库中进行加载数据，循环加载多个marker点，并且为每个marker点添加相对应的信息展示窗口，在实际执行的过程中，点击marker的时候显示的信息窗口总是显示的最后一次加载的信息，之前也遇到过这种问题，没进行总结，故忘记了之前的解决方法是什么，今天又遇到的同样的问题，抓狂，没进行总结带来的问题，所以在这里进行说明一下解决方法，以此借鉴学习，有错误
百度地图显示不同点
03-31
总的来说，实现“百度地图显示不同点”并进行二次开发，你需要掌握百度地图API的基本用法，包括地图初始化、标注创建、位置修改以及信息窗口的使用。通过编程，你可以创建一个交互式的地图应用，用户不仅可以查看...
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
03-07 5053
1.InfoWindow的样式，百度是没用提供直接使用的样式表的，目前都是热心网友在实际开发中自己的经验和实战总结； 2.百度提供了InfoBox富文本标签弹出框的接口，引入InfoBox.js，即可自定义样式或丰富的边框功能，但是鼠标单击下一个标注时，已经弹出的模态框是无法自动关闭；InfoWindow单击事件则是会即时展示现在单击的弹出模态框。 3.InfoBox的样式表要理解，必须理解的组成部分； 4.实现原理，就是CSS优先级和权重问题以及!important优先级； /*地图标题 infoW..
百度地图的使用---3、信息窗口（InfoWindow）的使用、获取当前位置信息、自定义标题
weixin_43905297的博客
09-11 4115
使用百度地图信息窗口、获取当前位置信息、自定义标题
百度地图自动循环打开infoWindow信息窗口
射手buff的博客
03-24 2978
百度地图自动循环打开infoWindow信息窗口 需求是打开地图时自动循环打开信息窗口并且可以手动点击打开窗口，关闭手动选择的窗口后继续循环打开信息窗口，效果如下
[原]解决百度地图多个Marker和InfoWindow时总是打开最后一个InfoWindow的问题
weixin_30566063的博客
03-27 810
在做项目的过程中，发现了在使用百度地图的过程中，加入多个Marker和多个InfoWindow的时候，多个Marker可以在地图上不同的坐标点显示出来，但是当点击不同的Marker的时候，显示的总是最后一个Marker对应的InfoWindow。至少直接写For循环是这个样子的。 于是乎我看到之前的代码是对应着写：Marker1,InfoWindow1, Marker2,Inf...
解决调用百度地图API时，在for循环中使用new BMap.InfoWindow()，总是只显示最后一个的问题
NJR10byh的博客
09-19 1104
在我们使用百度地图API并进行标记地图上特定地点时，往往这些标记点不止一个，这时候，我们或许会用到for循环来创造这些标记点，但是在查看每个标记点的信息窗时，我们会发现，这些信息窗所显示的内容，都是我们设定信息中的最后一条，该如何解决这个问题呢？ 答：使用外部函数 就是把创建信息窗的过程拎到循环外边去，循环内部通过调用外部函数来实现创建不同信息的信息窗。 Before : After : 希望对大家有所帮助！ ...
百度地图多个InfoWindow同时展示
qq_19666821的专栏
04-16 5986
由于百度的InfoWindow只能展示一个，marker却不受限制，因此换了一个思路，在网上搜集了许多资料，最终实验成功。 通过创建一个自定义的bitmap然后以marker的形式添加到地图上。 在xml中，只有一个地图控件，因为手边没有真机，就用模拟器进行测试的，地图是用的是TextureMapView使用默认的MapVIew会报错。 xml version="1.0" enc
百度地图api开发一：信息窗口不能多次显示的问题
骨哥博客
12-03 3713
BMap.InfoWindow的显示问题 笔者在使用百度地图API开发时，常遇到这样一个问题，即：给标注（Maker）添加的信息窗口只能显示一次，当第二次点击时窗口不显示。 源代码如下： body{font-size:13px;margin:10px} #container{width:500px;height:300px;border:1px solid gra
百度地图：一个页面多个地图，只显示一个地图的解决办法
知行合一
11-17 5722
资源引入：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 4382
公司项目用到百度地图，我新手一个，碰到多个标记点多个信息窗口只显示一个问题。百度到的看不懂，后来自己解决了 ，贴出我的解决方法 vue + vue-baidu-map HTML 代码 <template v-for="(items, index) in markerPoints"> <bm-marker :key="index" ...
【解决】简单有效的解决百度地图多个标记点多个信息窗口只显示一个问题(vue-baidu-map)
weixin_46367300的博客
12-08 3600
【解决】简单有效的解决百度地图多个标记点多个信息窗口只显示一个问题(vue-baidu-map) vue + vue-baidu-map <!-- 百度地图 --> <baidu-map class="map" :center="markerPoint1" :zoom="9" :scroll-wheel-zoom="true" > <bm-navigation anchor="BMAP_ANCHOR_
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值