别担心，我来帮你搞定这个Leaflet标签边框的问题！其实思路和你在R里做的类似，核心就是通过自定义样式去掉标签的边框、背景和阴影，只保留文字内容。

你可以按照下面的步骤来操作：

• 首先，给你的标签自定义一个CSS类，通过这个类来覆盖Leaflet默认的标签样式；或者直接在标签的配置选项里设置样式属性，不过自定义类的方式更灵活，也方便后续调整。
• 下面是完整的示例代码，结合你提到的小圆点标记场景：

// 初始化地图，对应你R代码里的setView
const map = L.map('map').setView([38.1341, -121.2722], 10);

// 添加底图，对应R里的addTiles
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '© OpenStreetMap contributors'
}).addTo(map);

// 创建绿色小圆点标记，对应你R里的circleMarker
L.circleMarker([38.1341, -121.2722], {
  radius: 3, // 你要的小尺寸
  fillColor: 'green',
  fillOpacity: 1,
  color: 'transparent' // 去掉标记本身的边框
}).addTo(map)
// 绑定标签，这里设置自定义类名和其他显示选项
.bindTooltip('mylabel', {
  permanent: true, // 让标签一直显示，按需调整
  direction: 'top', // 标签显示方向，按需调整
  className: 'no-border-label' // 自定义的无边框标签类
});

// 注入自定义CSS样式，去掉标签的边框、背景和阴影
const customStyle = document.createElement('style');
customStyle.textContent = `
.no-border-label {
  background: transparent !important; /* 去掉标签背景 */
  border: none !important; /* 去掉标签边框 */
  box-shadow: none !important; /* 去掉标签阴影 */
  color: #fff; /* 自定义文字颜色，按需调整 */
  font-size: 14px; /* 自定义文字大小，按需调整 */
}
`;
document.head.appendChild(customStyle);

• 代码里的注释已经写得很清楚了，关键就是通过no-border-label这个类，把Leaflet默认给标签加的背景、边框、阴影都去掉，这样就只剩纯文字的标签，不会再覆盖你的研究区域啦。
• 如果你用的是Leaflet的Label插件（不是原生Tooltip），逻辑也是一样的，只要给标签加上这个自定义类，再写对应的CSS样式就能搞定。

要是你还有其他细节需要调整，比如文字位置、颜色大小，直接改CSS里的属性就行~

备注：内容来源于stack exchange，提问作者Salvador