# 위치등록(지도)게시판

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FL4hbiFJ0MdbigOlEMhrn%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=79023048-a238-4760-8fba-2a717d36db6d" alt=""><figcaption></figcaption></figure>

**위치등록 게시판이란?**

어플 제작 시에 업체 주소를 넣어야 할 때\~!! **고객들에게 지도 및 오시는 길 안내를 해야 할 때 사용할 수 있는 위치등록 기능이구요**.

지도 기능은 카카오맵과 연동하여 제공하고 있습니다.

지도 게시판은 지도map 제공 뿐만 아니라 **업체의 주소, 업체 설명, 길 찾기, 홈페이지, 전화걸기, 사진(이미지)** 등 다양한 상세 정보를 입력할 수 있습니다.

\*구글맵 게시판도 있으니, 해외 주소를 사용해야 할 경우 구글맵을 이용해주세요 \~!

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/board/google-map>" %}

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FL4hbiFJ0MdbigOlEMhrn%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=79023048-a238-4760-8fba-2a717d36db6d" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**앱 실행화면 – 지도게시판**</mark>&#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90_8.13.png)

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2019_07_24_16_18_40_943.gif" alt=""></div>

앱 실행화면을 통해서 지도게시판이 어떻게 보여지는지 확인해주시구요.

아래에서 지도게시판을 만들고 앱에 적용하는 과정을 모두 알려드리겠습니다\~!

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FL4hbiFJ0MdbigOlEMhrn%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=79023048-a238-4760-8fba-2a717d36db6d" alt=""><figcaption></figcaption></figure>

## STEP1.지도 게시판 생성

* **먼저 게시판관리 메뉴에서 지도 게시판을 추가해야 하겠죠?**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90NEW3.png)

[앱운영 페이지 → 서비스관리 ](http://www.swing2app.co.kr/view/board_edit)→ 게시판 관리 로 이동합니다.

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90NEW2.png)

게시판 관리 페이지에서 <mark style="color:blue;">**\[게시판 생성]**</mark> ​버튼을 선택하면 게시판 설정 창이 뜹니다.

### <mark style="color:blue;">**1.기본설정**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9C%84%EC%B9%98%EB%93%B1%EB%A1%9D_19.png)

1\)게시판 및 기능 이름 : 게시판 이름을 작성합니다.

2\)서비스 용도: 사용자 정의를 선택해주세요.

3\) UI 및 기능 선택 : \[위치등록]을 선택해주세요.

4\) 지도보기 권한 선택: 지도게시판 누구에게 보여줄지 권한을 선택해주세요.

모든 앱이용자에게 보여줄 경우 ‘손님’으로 설정하고, 그외 다른 사용자 권한이 있을 경우 선택해주세요.

5\) 지정 권한 사용기능 허용: 특정 등급의 사용자만 이용하게 하는 옵션 기능인데요.옵션을 사용하지 않을 경우 ‘사용안함’으로 체크합니다.

\*게시판 지정권한에 대한 상세 내용은 아래 매뉴얼 링크를 선택해주세요.

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/board/designated-authority>" %}

6\)  \[저장하기]버튼을 눌러주세요.

<mark style="color:red;">​\*다음 항목인 ‘고급설정’을 입력하실 경우 고급설정까지 모두 입력 후 저장 버튼을 선택하고, 고급설정을 입력하지 않을 경우 바로 저정해주세요.</mark>

{% hint style="info" %}
**지도게시판은 기능설명 문구는 입력하지 않습니다.**

+지도를 볼 수 있는 권한을 설정해야 할 경우(옵션 추가) **서비스용도에서 ‘사용자 정의’를 선택하면 고정된 회색 영역이 풀려요.**

+UI 및 기능선택에 ‘위치등록’을 선택한 뒤 권한 설정, 지정권한 허용 등의 옵션을 이용해주시면 되겠습니다.

+위치등록 밑에 보이는 **위치등록(구글맵)은 구글지도를 연동하는 지도게시판이에요.**

해외 주소를 사용하여 지도게시판을 만들어야 할 경우 위치등록(구글맵)을 이용해주세요\~
{% endhint %}

### <mark style="color:blue;">**2.고급설정**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2020/11/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90-%EA%B3%A0%EA%B8%89%EC%84%A4%EC%A0%958.png)

2번째 메뉴인 고급설정을 선택하면 추가 항목을 설정할 수 있습니다.

고급설정은 필수 입력항목은 아니기 때문에 기본설정만 입력하고 저장하셔도 되고, 고급설정에서 몇가지 항목을 수정할 수 있습니다.

고급설정 이용방법은 아래 매뉴얼을 참고해주세요!

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/board/map-advancedsettings>" %}

만든 게시판에 위치를 등록해보겠습니다.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FL4hbiFJ0MdbigOlEMhrn%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=79023048-a238-4760-8fba-2a717d36db6d" alt=""><figcaption></figcaption></figure>

## STEP2.위치 등록하기

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90.png)

앱운영 페이지 → 게시물관리 → 만들어놓은 ‘지도게시판’으로 이동합니다.<br>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90%EC%88%98%EC%A0%952.png)

지도 게시판 화면에 보시면 **검색창이 있구요.**

**주소를 입력하거나, 다음(카카오맵)에 등록된 업체라면 업체나 회사명, 키워드를 검색해서도 추가할 수 있습니다.**

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/e035eb92f5c6be6bade780e7e0a2ae46.png)

주소및 키워드 입력이 완료되면 위치 등록이 완료되구요.

이렇게 위치가 하나 추가 된 것을 확인할 수 있어요.

**\[추가]** 버튼을 선택해서 위치에 대한 정보 및 상세정보 등을 입력해주세요.<br>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/e118ee3918dbe9845db11c6a138072e4.png)

**\[추가] 버튼 선택시 위치등록 창이 뜨며, 상세 설명을 입력할 수 있습니다.**

1\)상호: 상호명을 입력합니다. \*실제 회사명을 입력해도 좋고, 사용자들에게 소개할 문구를 작성해주세요.

2\)주소: 앞서 검색한 주소 외에 상세 주소를 모두 입력합니다.

3\)설명: 업체를 설명하는 소개글을 써주세요.

4\)전화번호: 전화번호를 입력합니다.

5\)홈페이지: 홈페이지나 운영하는 블로그, 카페 URL링크를 입력합니다.

6\)이미지등록: 이미지 등록이 가능합니다. 업체 내부 사진 및 업체 홍보용 사진이 있다면 등록해주세요.

7\)모든 내용 입력이 완료되면 저장하기 버튼을 선택합니다.\
\ <mark style="color:red;">★ 홈페이지, 전화번호, 사진이 없는 경우 입력하지 않아도 괜찮아요.</mark>&#x20;

<mark style="color:red;">입력된 항목들만 게시판에서 표시가 됩니다.</mark>&#x20;

<mark style="color:red;">★ 우선순위는 지도(위치)를 여러개 등록하는 경우, 앱에서 보여지는 순서를 정할 수 있습니다.</mark>&#x20;

<mark style="color:red;">(위치 하나만 등록하는 경우 우선순위 입력하지 않아도 됩니다)</mark>\ <br>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/ad89fae4f045f3dc79c3bbf78cd9efd1.png)

**위치 등록이 완료되었습니다.**&#x20;

지도 게시판은 이렇게 주소 및 키워드로 위치를 추가할 수 있구요.<br>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%9C%84%EC%B9%98%EB%93%B1%EB%A1%9D4_19.10.png)

**등록된 주소지를 선택하면 위치 수정 및 삭제가 가능합니다.**

그리고 여러 업체들을 관리하는 앱이라면 여러 업체들의 주소를 추가하여 등록 할 수 있어요\~

<mark style="color:orange;">**위치를 추가할 때는 어떻게 하나요?**</mark>

**위치를 하나 더 등록하고 싶을 때는 동일하게 \[검색창열기]를 선택해서 위치를 추가를 할 수 있습니다.**<br>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/8b9f53b2dba31c12e8c77e4532f1f31c.png)

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/7ab1211ccedc9cf52ee95523b784e0db.png)

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/a61acd948999981eac859916a30c95b8.png)

예시로 맥도날드 강남점 키워드 검색을 하여 각 지점들을 추가해보았어요.

지도게시판은 여러 위치를 이용할 경우 이렇게 주소 및 키워드로 검색한 뒤 추가하여 사용하시면 됩니다.

그럼, 지도 게시판에 위치를 등록했으니 앱에 해당 게시판을 적용해야 하겠죠?

앱제작 페이지로 이동하여서 앱에 게시판을 적용해볼게요

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FL4hbiFJ0MdbigOlEMhrn%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=79023048-a238-4760-8fba-2a717d36db6d" alt=""><figcaption></figcaption></figure>

## &#x20;STEP3.앱 적용하기

<mark style="color:blue;">**앱제작 V3버전 이용시)**</mark>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FZZdLo576OZfGyY8hYnbr%2F%EC%9C%84%EC%B9%98%EB%93%B1%EB%A1%9D.png?alt=media&#x26;token=468eb859-7c0a-42a2-bc6b-12146974e491" alt=""><figcaption></figcaption></figure>

1\)앱제작–STEP3 페이지 선택

2\)메뉴 선택

\*메뉴를 만들기 전이라면, 새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\) 메뉴 이름을 입력해주세요.

4\) 페이지 디자인에서 \[UI KIT] 선택

5\)\[위치등록]을 선택해주세요.&#x20;

6\) 만들어놓은 위치등록 게시판을 확인한 뒤 \[적용하기] 버튼을 선택해주세요. (페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

<mark style="color:red;">\*위치등록게시판을 먼저 만들어주세요. 만들어놓은 위치등록 게시판이 없을 경우 화면에 뜨지 않으며, 앱에 적용할 수 없습니다.</mark>&#x20;

<mark style="color:red;">\*UI KIT 화면에 있는 \[새로 만들기] 버튼을 선택하거나, 앱운영-서비스관리- 게시판관리에서도 게시판을 만들 수 있습니다.</mark>

7\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.

\*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.

<mark style="color:blue;">**앱제작 V2버전 이용시)**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90NEW1.png)

**앱제작 페이지 → 페이지 메뉴로 이동해주세요.**

1\) 지도게시판을 어디로 적용시킬지 확인하여 \[카테고리 추가] 버튼을 선택하여 메뉴를 추가합니다.&#x20;

2\) 메뉴 이름을 입력해주세요.

3\) 메뉴 유형: \[게시판]을 선택해주세요.

4\) \[링크마법사] 버튼을 선택해주세요.

5\) 메뉴에 적용할 ‘위치등록 지도’ 게시판을 선택한 뒤 \[반영] 버튼 선택

6\) \[적용] 버튼

7\) \[저장] 버튼을 누르면 완료됩니다.

\*아이콘은 선택사항이며, 메뉴 앞에 아이콘을 적용할 경우만 선택해주세요.&#x20;

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FL4hbiFJ0MdbigOlEMhrn%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=79023048-a238-4760-8fba-2a717d36db6d" alt=""><figcaption></figcaption></figure>

## STEP4.버튼 수정방법

<mark style="color:green;">**Q.지도 게시판에 나오는 버튼은 어떻게 수정하나요?**</mark>

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fy0xfAG9yMbjrBgBPZb1D%2F%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90%EB%B2%84%ED%8A%BC%EB%B3%80%EA%B2%BD.png?alt=media&#x26;token=2bfe93d8-4079-4aab-aaf0-bede17cf041a" alt=""><figcaption></figcaption></figure></div>

위치등록 게시판에서 제공되는 버튼이름\[전화걸기, 길안내, 링크, 사진보기]을 원하는 메뉴명(텍스트)으로 수정하여 이용할 수 있습니다.

각 항목에 제공되는 정보에 적합하게 버튼 이름을 수정해서 사용해보세요.&#x20;

**‘문자열관리’에서 직접 메시지(단어)를 수정하여 적용할 수 있습니다.**

### 버튼명  변경 방법

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FMCS7zn3KIRh6OvtwipHE%2F20241224%20(2).jpg?alt=media&#x26;token=4dbc2d2b-070c-40f2-8e4a-4c170dc51bd4" alt=""><figcaption></figcaption></figure>

1\)[앱운영-서비스관리-앱 운영관리-앱 문자열 관리](https://www.swing2app.co.kr/view/app_resourecs_manager) 이동

2\)키보드 Control+F 버튼 선택하여, 단어를 검색해주세요.&#x20;

**‘링크’ 단어 변경시**&#x20;

3\)링크 검색 후 \[수정]버튼 선택&#x20;

4\)원하는 단어로 편집 후 \[수정하기] 선택

5\)앱제작 화면 이동&#x20;

6\) \[앱 업데이트] 버튼 선택

7\)새 버전으로 제작된 앱으로 업데이트 후 확인시, 변경된 항목 확인이 가능합니다.

{% hint style="warning" %}
스토어 출시된 유료버전 앱은 반드시 “하드 업데이트” 진행 후 해당 스토어에 업데이트 버전앱으로 다시 제출하여 버전 업데이트 해주셔야 합니다.&#x20;

\*스토어를 통한 업데이트가 이루어지지 않으면 앱 변경이 되지 않습니다.&#x20;

\*무료앱은 소프트 업데이트로 진행 가능
{% endhint %}

***

## STEP5.앱 실행화면

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%A7%80%EB%8F%84%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%94%94%EC%9E%90%EC%9D%B8%EB%B3%80%EA%B2%BD.png)

지도게시판은 **\[리스트 열기]**&#xB97C; 선택하여 적용된 위치등록 목록을 확인할 수 있어요.

### <mark style="color:blue;">**1.검색어로 조회하기**</mark>

**여러 위치를 등록했다면,리스트에서 등록한 위치 목록을 확인할 수 있습니다.**

'업체명' or '지역명'을 입력해서 조회 가능합니다.

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FDdvCZaaxwDYY5NDPlgNF%2F%EB%85%B9%ED%99%94_2025_07_08_14_23_23_756.gif?alt=media&#x26;token=ef15e310-168d-4bf1-88de-996a71381dc3" alt=""><figcaption></figcaption></figure></div>

### <mark style="color:blue;">**2.길찾기 내 기능 확인하기**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2019_07_24_16_18_40_943.gif" alt=""></div>

\[전화걸기] 버튼을 선택하면 입력된 전화번호로 바로 전화연결이 됩니다.

\[길안내] 버튼을 선택하면 카카오 지도 사이트로 이동하여 길찾기가 가능합니다.

\[홈페이지] 버튼을 선택하면 적용된 홈페이지 URL로 페이지가 이동합니다.

\[사진보기]를 선택하면 등록한 이미지를 볼 수 있어요.

**여러 이미지를 등록했을때에도 이미지를 손으로 슬라이딩하여 넘겨서 볼 수 있습니다.**

***

스윙투앱에서 제공하는 지도게시판은!

주소, 지도, 길안내 뿐만 아니라 업체의 홈페이지, 전화번호, 이미지 등록까지 할 수있기 때문에 업체홍보 활용도가 높습니다.&#x20;

어플 제작시에 위치등록 서비스를 추가해서 제작해보세요 ^^

쉬운 방법으로 앱에서 업체 홍보를 효과적으로 진행할  수 있습니다. \~!!

해외 위치 등록을 해야한다면 구글맵 게시판을 이용해주세요 \~

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/board/google-map>" %}
