Javascript 如何使用Angular Js和Google Maps在单击标记时呈现人员列表?

Javascript 如何使用Angular Js和Google Maps在单击标记时呈现人员列表?,javascript,angularjs,google-maps,google-maps-api-3,Javascript,Angularjs,Google Maps,Google Maps Api 3,我正在使用Angular JS v1,当我点击地图上的一个标记时,我需要呈现一个人员列表,我需要标记上有数字,这个数字是来自这个国家的人数的指示器,当我点击地图上的这个标记时,下面会出现一个与标记相同数字的列表 类似于此网站 下面是一个例子,我希望它对您有所帮助。如果没有,我会在以后改进这个答案(我现在没有那么多时间) /app/controls/gMapsControl/mapInfoWindow.html': <div> <h5>{{parameter.t

我正在使用Angular JS v1,当我点击地图上的一个标记时,我需要呈现一个人员列表,我需要标记上有数字,这个数字是来自这个国家的人数的指示器,当我点击地图上的这个标记时,下面会出现一个与标记相同数字的列表

类似于此网站
下面是一个例子,我希望它对您有所帮助。如果没有,我会在以后改进这个答案(我现在没有那么多时间)


/app/controls/gMapsControl/mapInfoWindow.html':

<div>
    <h5>{{parameter.title}}</h5>
    <h6>Affected Devices</h6>
    <ul>
        <li ng-repeat="device in parameter.control">
            <span class="clickable-device" ui-sref="main.details({id: device.id})">{{device.name}}</span>
        </li>
    </ul>
</div>

{{parameter.title}}
受影响设备
  • {{device.name}
此信息窗口显示单击标记时的设备列表。从渲染列表中选择设备时,也可以路由到其他站点


参数
是传递给
模板参数
参数的
所选标记器
。因此,控件
是设备列表。这个恶魔主义者附属于每一个标记模型。是 啊也许不是最好的解决方案,但对于我们的用例来说很好,这里有一个例子,我希望它能帮助您。如果没有,我会在以后改进这个答案(我现在没有那么多时间)


/app/controls/gMapsControl/mapInfoWindow.html':

<div>
    <h5>{{parameter.title}}</h5>
    <h6>Affected Devices</h6>
    <ul>
        <li ng-repeat="device in parameter.control">
            <span class="clickable-device" ui-sref="main.details({id: device.id})">{{device.name}}</span>
        </li>
    </ul>
</div>

{{parameter.title}}
受影响设备
  • {{device.name}
此信息窗口显示单击标记时的设备列表。从渲染列表中选择设备时,也可以路由到其他站点


参数
是传递给
模板参数
参数的
所选标记器
。因此,控件
是设备列表。这个恶魔主义者附属于每一个标记模型。是 啊也许不是最好的解决方案,但对我们的用例来说很好

你在使用还是其他什么?是的,我使用了这个库,我只是渲染了地图和一些标记,但是如果有更好的选项,请建议@kabaehrNo我也使用这个,你在使用还是其他什么?是的,我使用了这个库,我只是渲染了地图和一些标记一些标记但是如果有更好的选择,请建议@kabaehrNo我也使用这个。对不起,这个应该和我在链接中提到的一样吗?我不明白你的问题。但是我刚刚看到你想把数据放在地图下面,而不是地图信息窗口里面。这看起来会有所不同。我想在标记上贴上一个标签,上面写着一个国家的人口数量,当我点击这个标记时,这些人会从所有人的列表中显示出来。对不起,这应该和我在链接上所指的一样吗?我不明白你的问题。但是我刚刚看到你想把数据放在地图下面,而不是地图信息窗口里面。这看起来会有所不同。我想在标记上贴上一个标签,上面写着一个国家的人口数量,当我点击这个标记时,这些人会显示在所有人的列表中