An open API service indexing awesome lists of open source software.

https://github.com/sweatpotato13/wherewemeet


https://github.com/sweatpotato13/wherewemeet

map react-native

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

          

# WhereWeMeet

![size](https://img.shields.io/github/repo-size/sweatpotato13/WhereWeMeet)
![contributors](https://img.shields.io/github/contributors/sweatpotato13/WhereWeMeet)
![stars](https://img.shields.io/github/stars/sweatpotato13/WhereWeMeet?style=plastic)

> 2020년 10월 29일 ~ 2021년 1월 30일

> Toy project using `React Native` and `NaverMap API`

## Contents
- [WhereWeMeet](#wherewemeet)
- [Contents](#contents)
- [Stack](#stack)
- [How to run](#how-to-run)
- [Install](#install)
- [Run](#run)
- [Features](#features)
- [1. Search address](#1-search-address)
- [2. Markers](#2-markers)
- [3. Find intermediate point](#3-find-intermediate-point)
- [4. API information](#4-api-information)

Preview




## Stack








## How to run

### Install
```
npm install
cd ios
pod install
```

### Run
```
cd `your react native root dir`
// if you want to run android
npm run android

// if you want to run ios
npm run ios
```

## Features

### 1. Search address
* 네이버 지도 API를 사용해서 주소지 검색 가능
* 지번, 도로명 주소 모두 가능

### 2. Markers
* 마커 추가 :: 주소지 검색 후 추가 버튼 터치 또는 지도에 직접 터치를 통해
* 마커 제거 :: 마커 클릭 후 제거 버튼 터치를 통해

### 3. Find intermediate point
* 찍혀있는 마커 정보를 이용해서 중간 지점 표시

### 4. API information
* React Native용 네이버 지도 표시 :: [repository](https://github.com/QuadFlask/react-native-naver-map)
* API information
* [GeoCode & ReverseGeoCode](https://navermaps.github.io/maps.js/docs/naver.maps.Service.html#~GeocodeResponse)