<分区>
我正在用 Leaflet 制作 map 。我想用我的图像替换默认标记,所以我想要图像标记。图像标记应该在圆圈内,圆圈的轮廓应该是绿色的。另外它应该有一条尾部,像这样 ( https://drive.google.com/file/d/0B4sqjpR8WikRb0NEeXk1Y3lSZjQ/view )。我想要带有三 Angular 形尾部的圆形标记来表示位置。 我如何使用 CSS 或任何其他技巧做到这一点。
我真的很感激在这方面的一些帮助。谢谢!
最佳答案
要放置您自己的图像,您需要使用标记的图标选项(参见 http://leafletjs.com/reference.html#marker-icon)
要让它变圆,你只需调整图像的 css
border-radius: 50%;
对于颜色,你给图片加上边框
border-color: green;
例如,请参阅此 JSFiddle
关于javascript - 传单中圆圈内的照片标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26375519/
相关文章:
css - 奇怪的 CSS 问题 : Button does not work in 13inch/15inch screens
iphone - 创建与静音/取消静音 iPhone 时相同的视觉效果(带图标的黑色圆角正方形)
javascript - 在 d3.js 中从 csv 创建层次结构
javascript - 默认情况下,无法对齐底部有很多填充的 Google 自定义搜索引擎输入表单
c# - PropertyGrid 可以在没有对象的情况下使用吗?
javascript - 在使用 JavaScript 完成的第二个 onclick() 事件之后,css 中的悬停事件不起作用