地図上でdrag&dropできるマーカーの作成

ysugiyama12 10views 更新:2017年3月24日

react-native-mapsにおいて自分で移動させたマーカーの座標を取得できる。

<MapView initialRegion={...}>
  <MapView.Marker draggable//draggableで動かせるようになる
    coordinate={this.state.region}//現在の座標を設定
    onDragEnd={(e) => this.setState({ region: e.nativeEvent.coordinate })}//drag終了時の座標を読み取りstateにセット
  />
</MapView>

現時点ではdragの判定範囲が狭く移動しづらいので対策を考え中。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません