小编Ale*_*nos的帖子

google-maps-react获取标记在拖动端的位置

我正在尝试找出在拖动标记时如何检索标记位置的方法。我发现了这一点:拖动标记事件与提供纬度/经度的回调一起?

并在我的应用中实现,如下所示:

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)

javascript reactjs google-maps-react

5
推荐指数
2
解决办法
4408
查看次数

Activeadmin - activestorage 删除编辑多张照片

我正在尝试找到一种方法来删除使用 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)

ruby-on-rails activeadmin rails-activestorage

3
推荐指数
1
解决办法
1441
查看次数