带有传单的自定义图像标记不显示图像
Custom image markers with leaflet not displaying image
我有一些代码试图将用户的标记设置为他的个人资料图像。图片是JPG,我认为这是问题所在,因为我不认为传单支持JPG。但以防万一,这是我的代码。控制台中没有错误,标记仍然是默认标记。
var markers = new L.FeatureGroup();
function addMarkerGroup(lat_ret,lon_ret,map,user, profile_pic) {
console.log(profile_pic);
var profilePicIcon = L.icon({
iconUrl: profile_pic,
iconSize: [50, 50], // size of the icon
iconAnchor: [25, 25], // point of the icon which will correspond to marker's location
popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor
});
map.removeLayer(markers);
markers = new L.FeatureGroup();
var marker = L.marker([lat_ret, lon_ret]).addTo(map).bindPopup("User:" + user,{autoClose: false,autoPan: false,icon: profilePicIcon}).openPopup();
markers.addLayer(marker);
map.addLayer(markers);
}
您需要在L.Marker
选项中定义图标:
var marker = L.marker([lat_ret, lon_ret], {icon: profilePicIcon})
相关文章:
- 非常大的图像显示渐进
- CSS Html使图像显示在单选按钮的选项上(单选按钮被CSS隐藏)
- JS照片库.使大图像显示和缩略图可单击
- 多个图像显示带有动态创建的画布的最后一个图像并分配给图像
- 当我在jquery/javascript中单击按钮时加载图像显示
- React图像显示
- 随机图像显示,无重复,使用Javascript
- 将跨度内容(图像url)转换为图像(显示)
- 随机图像显示不止一次
- 节点.js 使用 Multer 上传图像显示未定义
- 范围滑块,用于更改轨道上方对齐圆的直径并使对齐的图像显示在下方
- 使用图像显示和隐藏
- 使用 JavaScript 将文件夹中的图库图像显示到网页中
- 画布到图像显示为无图像(空白)
- 传单不会将本地图像显示为叠加
- 切换此元素时,如何使不同的图像显示,而不是文本
- 在页面加载时将图像显示为弹出窗口
- 如何在模糊浏览器主窗口时将图像显示为叠加层
- iOS在画布上绘制图像显示:无会导致内存泄漏
- JavaScript 图像显示不起作用