From 14ad7259b46fa68890ae18e1653e9e64890391dc Mon Sep 17 00:00:00 2001 From: JaeSeoKim Date: Thu, 5 Aug 2021 21:09:10 +0900 Subject: [PATCH] fix: Change Map props name --- CHANGELOG.md | 3 +++ package.json | 2 +- src/lib/Kakaomap/Map.tsx | 12 ++++++------ 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index b0c5765e..a453f6a1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,6 @@ +### 0.0.8 +- Map position prop 이름 center 로 롤백 + ### 0.0.7 - useRelayout 추가 - MapInfoWindow 추가 diff --git a/package.json b/package.json index 67ed005f..3010bc43 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-kakao-maps-sdk", - "version": "0.0.7", + "version": "0.0.8", "author": { "name": "JaeSeoKim", "email": "devjaeseo@gmail.com", diff --git a/src/lib/Kakaomap/Map.tsx b/src/lib/Kakaomap/Map.tsx index 0adad0e3..46758b88 100644 --- a/src/lib/Kakaomap/Map.tsx +++ b/src/lib/Kakaomap/Map.tsx @@ -36,7 +36,7 @@ export interface MapProps { /** * 중심으로 설정할 위치 입니다. */ - position: { + center: { lat: number; lng: number; }; @@ -110,7 +110,7 @@ const Map: React.FC = ({ style, containerElem, children, - position, + center, className, loading = false, options, @@ -124,7 +124,7 @@ const Map: React.FC = ({ kakao.maps.load(() => { // 초기 위치 객체 생성 - const initalMapCenter = new kakao.maps.LatLng(position.lat, position.lng); + const initalMapCenter = new kakao.maps.LatLng(center.lat, center.lng); // kakaoMap 객체 생성 const kakaoMap = new kakao.maps.Map(containerElem, { @@ -161,7 +161,7 @@ const Map: React.FC = ({ kakao.maps.load(() => { // 초기 위치 객체 생성 - const initalMapCenter = new kakao.maps.LatLng(position.lat, position.lng); + const initalMapCenter = new kakao.maps.LatLng(center.lat, center.lng); // kakaoMap 객체 생성 const kakaoMap = new kakao.maps.Map(container.current as HTMLDivElement, { @@ -178,8 +178,8 @@ const Map: React.FC = ({ useEffect(() => { if (!map) return; - map.setCenter(new kakao.maps.LatLng(position.lat, position.lng)); - }, [map, position]); + map.setCenter(new kakao.maps.LatLng(center.lat, center.lng)); + }, [map, center]); useEffect(() => { if (!map || containerElem) return;