LeaFlet学习之地图文字标注

在地图上进行一些文字的标注有些场景我们会用到,在这里我们文字标注用到了DivICon图标,通过与mark相结合,将mark的图标设置为DivICon图标,进行文字标注,放张图看看效果:

LeaFlet学习之地图文字标注_第1张图片

一、全部代码





    文字标注
    
    
    


    

二、总结

html是标注的内容,iconSize是图标大小是个正方形概念,className这是div设置类名,进行css样式设置所用,leaflet的图标本质上就是div容器,所以会有这个属性,关于样式的设置,几乎所有的文字css样式都能设置看你需要。地图是加载的OSM

你可能感兴趣的:(Leaflet学习笔记,LeaFlet学习之路)