카카오 지도 API(2)

 

 

 

간단하게 검색기능과 마커표시하는 방법

 

사실 kakao홈페이지에 다 나와있습니다.

 

https://apis.map.kakao.com/web/sample/keywordList/

 

여기에 나와있는 코드를 적절하게 가져가서 사용하시면 되는데요

 

간혹가다 지도가 안보일때는 지도 width나 height을 조정하면 나옵니다!

 

<div class="map_wrap">
    <div id="map" style="width:900px; height:500px; margin-bottom: 10px; position:relative; overflow:hidden;"></div>

    <div id="menu_wrap" class="bg_white">
        <div class="option">
            <div>
                <form onsubmit="searchPlaces(); return false;">
                    키워드 : <input type="text" value="잠실 맛집" id="keyword" size="15">
                    <button class="btn btn-kong" type="submit">검색하기</button>
                </form>
            </div>
        </div>
        <hr>
        <ul id="placesList"></ul>
        <div id="pagination"></div>
    </div>
</div>