首页 / 浏览问题 / 其他 / 问题详情
使用leaflet在地图上叠加的图层中添加文字但是出现了一个小蓝点怎么去除
41EXP 2020年03月27日

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

页面效果如下:

添加文字的代码如下:

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

1个回答

你好,地图上出现的蓝色圆点其实就是你的L.circleMarker创建的半径为0的圆,所以你把创建的该要素不添加进地图就可以了
1,686EXP 2020年03月30日

老师您好,您的意思是把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为文本内容。

...