我正在尝试找出在拖动标记时如何检索标记位置的方法。我发现了这一点:拖动标记事件与提供纬度/经度的回调一起?
并在我的应用中实现,如下所示:
export class MapContainer extends React.Component {
onMarkerDragEnd = evt => {
console.log(evt);
};
render() {
const style = {
width: "100%",
height: "300px"
};
let lat = this.props.lat;
let lng = this.props.lng;
return (
<Map
google={this.props.google}
style={style}
initialCenter={{
lat: lat,
lng: lng
}}
zoom={14}
>
<Marker
onClick={this.onMarkerClick}
draggable={true}
onDragend={this.onMarkerDragEnd}
name={"Current location"}
/>
</Map>
);
}
}
Run Code Online (Sandbox Code Playgroud)
onMarkerDragEnd函数记录一个evt对象,如下所示:
{onClick: undefined, draggable: true, onDragend: ƒ, name:
"Currentlocation", map: Zf, …}
draggable: true
google:{maps: {…}}
map: Zf {gm_bindings_: {…}, __gm: …Run Code Online (Sandbox Code Playgroud) 我正在尝试找到一种方法来删除使用 activestorage 从 activeadmin 上传的图像。我设法在显示视图和资源编辑中显示所有图像,但如果我愿意,我似乎无法找到删除每个图像的方法。我的模型代码:
class Category < ApplicationRecord
has_many_attached :images
end
Run Code Online (Sandbox Code Playgroud)
和 activeadmin 资源文件:
ActiveAdmin.register Category do
permit_params :category_name, :description, :photo_cover, images: []
index do
selectable_column
id_column
column :category_name
column :created_at
actions
end
show do |t|
if t.photo_cover.attached? && t.images.attached?
attributes_table do
row :category_name
row :description
row "images" do |m|
m.images.each do |img|
span do
image_tag(img)
end
end
end
end
else
attributes_table do
row :category_name
row :description
end
end
end
form :html => { :enctype => "multipart/form-data" } do …Run Code Online (Sandbox Code Playgroud)