Question

为了在地图上的固定位置添加文字信息，使用了一个leaflet的插件，插件地址是：https://github.com/yakitoritabetai/Leaflet.LabelTextCollision，使用这个插件可以在图层上添加文字信息，但是还会出现一个小蓝点，不知道怎么把这个小蓝点取消掉

页面效果如下：

添加文字的代码如下：

老师您好，我想问下如何只显示文字，不出现这个小蓝点

Answer 1

你好，地图上出现的蓝色圆点其实就是你的L.circleMarker创建的半径为0的圆，所以你把创建的该要素不添加进地图就可以了

Comments

老师您好，您的意思是把radius：0去掉么，这个注释掉之后就会这个小蓝点就会变成一个很大的蓝点，页面截图和代码如下：

---

不是，我的意思是L.circleMarker这个方法是创建一个固定大小的圆，其中的radius是它半径，这里为0，所以创建出来的圆是一个蓝色小点。

---

嗯嗯，那也不能把这个L.circleMarker方法去掉啊，其中text：code是需要向地图上添加的文字，core是文字的坐标，使用这个方法的目的就是为了向这个坐标添加文字信息，把这个L.circleMarker方法去掉那岂不是文字信息也添加不上去了

---

你是想在地图上特定位置添加文本是吧，那你可以使用L.divIcon这个方法，以icon的参数传入L.marker就可以了。具体用法如下：<!--StartFragment -->

var myIcon = L.divIcon({
            html: "南极洲",
            className: 'my-div-icon',
            iconSize:30
        });
L.marker([0, 0], {icon: myIcon}).addTo(map);

html为文本内容。