做了半天，搜到一个很好的demo,能解决多点的问题

http://blog.csdn.net/a497785609/article/details/24009031



<div style="width: 800px; height: 500px; border: 1px solid gray"

    id="container"></div>

<script type="text/javascript">
    var map = new BMap.Map("container"); //创建地图容器
    var point = new BMap.Point(116.404, 39.915); //创建一个点
    map.centerAndZoom(point, 15); //设立中心点和地图级别，就是初始化地图
    var myLabel = new BMap.Label("1", //为lable填写内容
    {
        position : point
    }); //label的位置

    map.addOverlay(myLabel); //把label添加到地图上

    var infoWindow = new BMap.InfoWindow(
            "<p style='font-size:12px;lineheight:1.8em;'>我是lable打开的信息窗口</p>"); // 创建信息窗口对象
    myLabel.addEventListener("click", function() {
        map.openInfoWindow(infoWindow, point);
    });

</script>

点击弹出Label窗口


以上的写法有个弊端。如果加载多个点。每次点击点，都会弹出同一个窗口，就是最后一个加载的窗口。

所以改进写法如下。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: "微软雅黑";
}

#container {
    width: 100%;
    height: 500px;
}

p {
    margin-left: 5px;
    font-size: 14px;
}
</style>
<script type="text/javascript"
    src="http://api.map.baidu.com/api?v=2.0&ak=yaDRGoon5YoRzAAwH781yUgn"></script>
<title>添加自定义覆盖物</title>
</head>
<body>
    <div id="container"></div>
</body>
</html>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("container");//创建地图实例
    var point = new BMap.Point(116.404, 39.915);
    map.centerAndZoom(point, 15);
    map.addControl(new BMap.NavigationControl());//地图平移缩放控件

    //第一次
    var marker = new BMap.Marker(point); // 创建标注
    map.addOverlay(marker);//给地图增加标注
    var myLabel = new BMap.Label("北京", //为lable填写内容
    {
        position : point
    }); //label的位置

    map.addOverlay(myLabel); //把label添加到地图上
    marker.addEventListener(
        "click",
        function() {
            // 创建信息窗口对象   
            var infoWindow = new BMap.InfoWindow(
                    "<p style='font-size:12px;lineheight:1.8em;'>我是北京打开的信息窗口</p>");
            //在哪个点上弹出信息窗口
            point = new BMap.Point(116.404, 39.915);
            //打开窗口
            map.openInfoWindow(infoWindow, point);
        });

    //第二次
    point = new BMap.Point(114.53289913948, 38.026503763345);
    var marker = new BMap.Marker(point); // 创建标注
    map.addOverlay(marker);//给地图增加标注
    var myLabel = new BMap.Label("石家庄", //为lable填写内容
    {
        position : point
    }); //label的位置

    map.addOverlay(myLabel); //把label添加到地图上
    marker.addEventListener(
        "click",
        function() {
            // 创建信息窗口对象
            var infoWindow = new BMap.InfoWindow(
                    "<p style='font-size:12px;lineheight:1.8em;'>我是石家庄打开的信息窗口</p>");
            //在哪个点上弹出信息窗口
            point = new BMap.Point(114.53289913948, 38.026503763345);
            //打开窗口
            map.openInfoWindow(infoWindow, point);
        });
</script>


点击1：

点击“石家庄”



Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

avatar 云原生

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生