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

标签 javascript css customization leaflet marker

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 8 年前

我正在用 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/

上一篇:java - 使用 Selenium WebDriver 单击 Gmail 中的撰写按钮

下一篇:javascript - DIV 的显示和隐藏选项(需要修改)

相关文章:

css - 奇怪的 CSS 问题 : Button does not work in 13inch/15inch screens

iphone - 创建与静音/取消静音 iPhone 时相同的视觉效果(带图标的黑色圆角正方形)

javascript - 在 d3.js 中从 csv 创建层次结构

html - 如何在 chrome 上强制打印 css

javascript - 默认情况下,无法对齐底部有很多填充的 Google 自定义搜索引擎输入表单

ios - 更改 datePicker 行和字体颜色

c# - PropertyGrid 可以在没有对象的情况下使用吗?

javascript - 在使用 JavaScript 完成的第二个 onclick() 事件之后,css 中的悬停事件不起作用

javascript - Map.forEach,为什么删除循环中的项目有效?

javascript - future 什么会取代 Components.lookupMethod?