import { KakakoMapView } from '@jiggag/react-native-kakao-maps';
return (
<KakaoMapView
markerImageName="customImageName" // 옵션1
markerImageUrl="https://github.com/jiggag/react-native-kakao-maps/blob/develop/example/custom_image.png?raw=true" // 옵션2
markerList={[
{
lat: 37.59523,
lng: 127.08600,
markerName: 'marker'
},
{
lat: 37.59523,
lng: 127.08705,
markerName: 'marker2'
},
]}
width={300}
height={500}
centerPoint={{
lat: 37.59523,
lng: 127.08600,
}}
onChange={(event) => {
// event.nativeEvent
}}
/>
);
yarn add @jiggag/react-native-kakao-maps
./android/app/src/main/res/values/strings.xml
<resources>
...
<string name="kakao_app_key">KAKAO_APP_KEY</string>
</resources>
./Info.plist
<key>KAKAO_APP_KEY</key>
<string>KAKAO_APP_KEY</string>
markerImageUrl
옵션으로 설정하여 사용markerImageName
옵션으로 {이미지}
호출하여 사용
- 안드로이드: ./android/app/src/main/res/drawable/{이미지}.png
- iOS: xcode 프로젝트 폴더에 {이미지}.png 추가 + Copy items if needed