React, Daum api 연동 관련

Question

이 상태 인데요 여기서 다음 맵 api를 적용하고자 합니다. 다음과 같습니다.<출처 : http://apis.map.daum.net/web/guide/ > 어떻게 해야 할까요 ㅠㅠ

devjang · Answer

완전 백지 상태군요..react에서 다음맵 연동한 기억이 있는 데 라이브러리가 없어서iframe으로 했었습니다. 지금은 라이브러리 있을거에요구글 맵이 라이브러리가 많아서 수월한데 굳이 다음 맵 쓰셔야한다면 라이브러리부터 찾아보시구요 https://devtalk.kakao.com이곳에 구체적인 질문을 하시는 게 더 빠르실 겁니다.

websterking · Answer

devjang님 답변 감사드립니다. 아쉽게도 원하는 내용의 답변이 devtalk에 없네요 ㅠifram위주로 알아봐야겠네요 감사합니다.!!

니플 · Answer

https://github.com/devdoomari/react-daum-map/blob/master/src/roadview.jsx 이것은 어떨까요?

websterking · Answer

답변 감사드립니다 .힌트는 얻었습니다만 아쉽게도 역량부족으로 해결은 못했네요 ㅠ

니플 · Answer

어디에서 막히셨나요?

websterking · Answer

보내주신 링크 그대로 적용 &#43; apikey만 추가하여봤는데요.다음과 같은 에러가 뜨기에 daum-map-wrap이라는 모듈을 설치해 보았습니다만, 같은 에러가 나오네요..ㅎㅎ직접 코딩 시도도 해보고있는데 첫프로젝트라 쉽지않네요...ㅠ

websterking · Answer

./daum-api-wrapper가 아니라daum-map-wrap으로 링크를 바꾸엇더니순간 화면이 떴다가 다른 에러가 발생햇네요 ! 진전이 있어보입니다.

니플 · Answer

./daum_api_wrapper 위치에 파일을 그대로 한번 적용해보세요 ㅎㅎ daum_api_wrapper가 daum_api_wrapper .js를 의미하는 것입니다. 제가 전달해드린 것에서 해당 파일 찾아서 적용해보세요

websterking · Answer

답변 감사드립니다 ㅎㅎ https://www.npmjs.com/package/daum-map-api이것은 어떨까요?

websterking · Answer

제가 하고자하는것이 일단은 맵띄우여서요 ㅠ

니플 · Answer

상관없지만이것은 이미지로 만들어서 보여주는 것같습니다.기능은 없고

websterking · Answer

http://map.daum.net/link/map/9113903 를 출력합니다.이런 내용도 있어 해보려고 합니다만 이런 간단한것 조차 쉽지않네요..한번만 해보면 뭔가 쭉 나갈것같은데 하하

websterking · Answer

이런식으로 해보고 있습니다만 .. 쉽지않네요 / 님이 알려주신 git정보 활용하도록 해봐야겠어요...ㅎㅎimport React from 'react'; import ReactDOM from 'react-dom'; import daum from 'daum-map-api'; class Maps extends React.Component{ constructor(props){ super(props); /* default 위치 표시 */ this.state({ place : '서울역' }) }; /* 추후 검색기능 */ onChangePlace(){ this.setState({ place : }) } render(){ let style = { width:'700px', height:'600px' } /* daum-map-api사용 */ daum.map('서울역',function(res){ console.log(res); }) return(

); }; }; const Body = () => { return(

); }; export default Body

undefined_and_null · Answer

저 라이브러리 가장 큰 문제점은 position absolute 에 top, left 주는걸로 되있는데... transform translate(x,y) 해야됩니다(실제 써보시면 60fps 안 나와요ㅠ) 그거 말고도 문제점 많을꺼에요ㅠ

React, Daum api 연동 관련

14개의 답변

Q&A 목록