传单中圆圈内的照片标记[关闭]

【问题标题】：Photo Marker Inside Circle in Leaflet [closed]传单中圆圈内的照片标记[关闭]
【发布时间】：2014-10-15 06:02:57
【问题描述】：

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

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

【问题讨论】：

标签： javascript css customization leaflet marker

【解决方案1】：

要放置自己的图像，您想使用标记的图标选项（请参阅http://leafletjs.com/reference.html#marker-icon）

要让它完整，你只需调整图像的 css

border-radius: 50%;

对于颜色，为图像添加边框

border-color: green;

例如，请参阅JSFiddle

【讨论】：

我编辑了这个问题。请查看上面的链接并建议我使用 css 或 svg 或其他方式。