百度地图循环加载marker并添加多个信息窗口，解决只显示最后一个窗口信息的问题

最新推荐文章于 2024-06-17 15:26:41 发布

李奉涛

最新推荐文章于 2024-06-17 15:26:41 发布

阅读量2.5w

点赞数 2

分类专栏：百度地图 JavaScript Asp.Net WebForm 文章标签：百度地图 marker 信息窗口多个 api

本文链接：https://blog.csdn.net/u013912065/article/details/53508655

版权

本文档介绍了在使用百度地图API时遇到的循环加载多个marker并显示对应信息窗口问题，发现点击marker总是显示最后一个窗口信息。解决方法是通过闭包实现，确保每个marker关联其对应的信息窗口。代码示例中展示了如何动态加载数据，创建marker、信息窗口，并在点击marker时正确打开信息窗口。

摘要由CSDN通过智能技术生成

最近在使用百度地图的时候遇到过一个问题，就是从数据库中进行加载数据，循环加载多个marker点，并且为每个marker点添加相对应的信息展示窗口，在实际执行的过程中，点击marker的时候显示的信息窗口总是显示的最后一次加载的信息，之前也遇到过这种问题，没进行总结，故忘记了之前的解决方法是什么，今天又遇到的同样的问题，抓狂，没进行总结带来的问题，所以在这里进行说明一下解决方法，以此借鉴学习，有错误之处请指出。谢谢！

直接附上相应代码标出：可以直接观看红色标出部分，为闭包实现，加载多个窗口的关键问题所在。有相应的后台实现程序，所以不能直接运行。

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShowNurseryInfo.aspx.cs"
    Inherits="Bim5D_Web.Nursery.ShowNurseryInfo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="height: 100%">
<head>
    <meta charset="utf-8">
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F9d8685549a1026cb4b5fa6561ab8962"></script>
     <script type="text/javascript" src="../Scripts/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"&g

最低0.47元/天解锁文章

李奉涛

关注

2
点赞
踩
27

收藏

觉得还不错? 一键收藏
16
评论
百度地图循环加载marker并添加多个信息窗口，解决只显示最后一个窗口信息的问题

最近在使用百度地图的时候遇到过一个问题，就是从数据库中进行加载数据，循环加载多个marker点，并且为每个marker点添加相对应的信息展示窗口，在实际执行的过程中，点击marker的时候显示的信息窗口总是显示的最后一次加载的信息，之前也遇到过这种问题，没进行总结，故忘记了之前的解决方法是什么，今天又遇到的同样的问题，抓狂，没进行总结带来的问题，所以在这里进行说明一下解决方法，以此借鉴学习，有错误
复制链接

扫一扫