传单中的圆圈内的照片标记

时间:2014-10-15 06:02:57

标签: javascript css customization leaflet marker

我用Leaflet制作地图。我希望默认标记替换为我的图像,所以我想要图像标记。图像标记应位于圆圈内,圆圈的轮廓应为绿色。它应该有一个尾部,如下所示(https://drive.google.com/file/d/0B4sqjpR8WikRb0NEeXk1Y3lSZjQ/view)。我想要圆形标记与尾巴中的三角形来表示位置。  我怎么能用CSS或任何其他技巧来做到这一点。

我真的很感激这方面的一些帮助。谢谢!

1 个答案:

答案 0 :(得分:3)

要设置自己的图片,您需要使用标记的图标选项(请参阅http://leafletjs.com/reference.html#marker-icon

要完成它,你只需调整图像的CSS

border-radius: 50%;

对于颜色,您可以为图像添加边框

border-color: green;

有关示例,请参阅此JSFiddle