마스크 판매 위치 위젯
1.1 버전부터 추가된 현재위치에서 검색하는 기능은 사이트에 SSL보안인증서가 설치된 사이트에 한해서만 작동합니다. 구글크롬에서 작동확인하였습니다.
마스크 판매지역이 한 페이지에 모두 뜨게 됩니다. (170개있을 경우 170개가 모두 한페이지에 뜹니다.)
별도의 위젯전용 페이지를 마련하여 위젯을 사용하십시오.
또한 별도의 검색을 할 수 있습니다.
위젯 생성시 기본지역값 입력은 필수입니다.
지역값 입력은 시 + 구 까지 입력해야 합니다.
EX) 서울특별시 광진구
대구광역시 북구
서울특별시 강남구 압구정동
사용자단에서 검색시에도 위와 같이 시 + 구까지 입력해줘야 정상적으로 검색이 됩니다.
업데이트 내역
1.2
* 한국 코로나 현황을 가져오도록 추가
1.1.1
* 모바일환경에서 입고시간 및 업데이트 시간 숨기도록 개선 (브라우저 크기에 따른 반응형)
* 주소 클릭시 네이버 지도를 표시하도록 개선 @웹지기
* 재고 표시 색상 추가 @skyo
* API요청시 타임아웃 30초 추가
1.1
* 현재위치에서 1000미터 반경으로 검색가능하도록 함
* 입고 날자와 데이터 업데이트 날자를 함께 출력하도록 추가
1.0.1
* 상점이름이 주소로 나오는 문제 고침
람보
Lv. 17
![주석 2020-03-10 204416.png [File Size:142.3KB/Download:1]](/files/download/link/1358648/47e0c5107f31b76e20c22115c3fa01ed/%EC%A3%BC%EC%84%9D%202020-03-10%20204416.png){kind=link}
댓글 47
요렇게 coloring 줘봤습니다~
서울특별시 강남구
경기도 부천시
이렇게 실제 행정구역 주소와 일치해야 해요. 검색에 대한 자세한 설명을 따로 해줘야 보고 검색을 해볼 것 같습니다.
ex) 광역시는 시,구 까지 입력하고 검색하시고, 일반 시도는 도와 시를 입력하세요 등. 다른 행정구역까지 살펴보지 못했습니다.
추가로 더 확인해보니 동 까지 입력해도 검색이 되네요.
서울특별시 강남구 압구정동
경기도 부천시 원미동
경기도 부천시 원미구 원미동 (X) 경기 부천의 경우 구가 폐지 된지 얼마 안되서 구 넣고 검색하는 분이 많으실 듯.
다른곳은 다 되는데 세종시는 동단위 이하는 검색이 안되더라고요...
{$val->lat} ,{$val->lng}, {$val->name} 으로 네이버 지도쪽으로 링크를 걸어보려다 실패! 했습니다. ㅎ
<a href="http://map.naver.com/index.nhn?enc=utf8&level=&lng={$val->lng}&lat={$val->lat}&pinTitle={$val->name}&pinType=SITE" target="_blank">
요 링크를 주소,상호에 모두 걸어서 주소나 상호를 클릭하면 지도에서 뜨게 했습니다. 잘못된 부분이 있거나 더 좋은 방법이 있는지 잘 모르겠네요.
반응형으로도 바꿔봤는데, 오히려 보기가 더 불편해서 원래대로 그냥 쓰기로 했습니다.
모바일에서는 가로로 보면 되더라고요...
참고로 info.xml에서 마스크가 아니라 마스트라고 오타가 있습니다.^^ 별로 중요하진 않습니다.
<!--@if(Context::get('status') == 'now')-->color:#fff<!--@end-->
요런식으로 현재 요청의 값을 가지고 지금 현위치 기준으로 선택되어 조회된 건지 표시해 줄 수 있습니다.
다만, 접속자가 몰리니 서버가 기다리느라 힘들어하네요. ㅎㅎ;
혹시 시간이 괜찮으실때 https://xetown.com/questions/1358985 부분 검토 부탁드립니다.
감사합니다.
라이센스가 MIT라 저도 조금의 보탬이라도 될까 하고 조금은 더 편리하고 직관적으로 만들어 보았습니다.
댓글에 달려 있는 팁들도 적용하고,
반응형도 지원하여 스마트폰에서도 보기 좋게 출력되고,
검색시 마다 페이지가 다시 열려서 불편하여 ajax로 작업했습니다.
그리고 기존의 페이지에 위젯출력시 전체 페이지가 출력되면 너무 길어져서 세로 높이 조절 옵션도 넣었습니다.
아무쪼록 이 위젯이 빨리 필요 없어지기를 바라면서...
샘플보기
https://moonhouse.co.kr/mask
파일 직접 다운
https://moonhouse.co.kr/?module=file&act=procFileDownload&file_srl=515273&sid=59c699caa2f9d20165dacef4d5613091&module_srl=515229
잘 참고해주세요. (스켓치북 스킨 기준입니다.)
소스공개 하면 된다고 알고 있는데요.
람보님의 소스에 별로 손댄 것 없고 약간 추가한 정도 인데
따로 스킨을 빼야 하나요?
문제가 된다면 내리고요...
위젯 ->MIT
해당 위젯안에 스킨 GPL v2
저는 아래와 같이 적용했습니다.
https://martmonster.com/mask_store
https://xetown.com/topics/1360400
추가 질문입니다. 현재 위치에서 거리별 클릭했을때 가까운 거리순으로 정렬을 하려면 어떻게 넣어 주면 될지요? ^^
<!--@foreach($maskData->stores as $key => $val)--> 에서 정렬할수 있는 경우가 어떤것인지 파악이 안되어서 질문 드립니다. ^^
멋지네요 ^^