javascript - 基于内部对象值的传单标记颜色
问题描述
编写我的观察网络应用程序,需要快速了解我的设备在我的地图上的损坏点。我正在使用传单地图。所以,请给我一个方向,是否可以改变标记的颜色,使其依赖于这个集群内的 svg 对象?例如,我有一些设备用红色标记为损坏。当我的设备之一损坏时,我的地图可以将此处的绿色标记显示为红色吗?非常感谢您的回答。
我的地图示例:
<div id="map"></div>
<script type="text/javascript">
var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Points © 2012 LINZ'
}),
latlng = L.latLng(-37.82, 175.24);
var map = L.map('map', {center: latlng, zoom: 13, layers: [tiles]});
var markers = L.markerClusterGroup();
for (var i = 0; i < addressPoints.length; i++) {
var a = addressPoints[i];
var title = a[2];
var marker = L.marker(new L.LatLng(a[0], a[1]), { title: title });
marker.bindPopup(title);
markers.addLayer(marker);
}
map.addLayer(markers);
</script>
解决方案
推荐阅读
- c# - C# 库适用于 .NET Core 3.1,但不适用于 UWP
- flutter - Flutter - 文本可见时文本字段失去焦点
- php - 每 4 个 div 包裹在一个 div 中
- python - 雪花 SQL 安装期间的错误
- asp.net-core - 全球防伪令牌验证问题
- c# - Plesk 网站中的 Hangfire 重复作业无法正常工作
- javascript - IE11 - 无法添加第二个 optgroup 来选择
- android - 应用停止 android studio 时清除通知
- reactjs - 反应公用文件夹的使用 - 何时使用它以及它是如何工作的?
- typescript - 如何访问非导出命名空间中的接口?