我正在尝试在Angular Leaflet中添加一个divicon标记。
组件.css:
.leaflet-div-icon2
{
background: #e5001a;
border:5px solid rgba(255,255,255,0.5);
color:blue;
font-weight:bold;
text-align:center;
border-radius:50%;
line-height:30px;
}
组件.ts :
var map = L.map('map', {
attributionControl: false,
crs: L.CRS.Simple
});
var bounds = [[0,0], [1000,1000]];
var image = L.imageOverlay('cust_image.png', bounds).addTo(map);
var customMarkerIcon = L.divIcon({className: 'leaflet-div-icon2'});
var m3 = L.latLng([ 348,278.2]);
L.marker(m3, {icon: customMarkerIcon }).addTo(map);
控制台没有显示任何错误,但无法在地图上查看标记。
在基本的HTML页面中使用CSS和JS可以工作,但在Angular中不行。
我是否遗漏了什么?
divIcon
,并尝试在组件的CSS文件中为其添加样式。但是样式无法应用于divIcon
。 - Chris Bao