지도 api는 불러들였는데
특정 지역을 폴리라인으로 둘러싸고
검색한 지역에 마커를 생성해서 그지역이 폴리라인 안에 들어와있는지 안들어와있는지 볼수잇게 하고싶은데
위치검색후 마커생성api를 부르면 kakao 로넘어가버려서 제가 원하는지역에 폴리라인을 못 그리네요 어떻게해야되나요
지도 api는 불러들였는데
특정 지역을 폴리라인으로 둘러싸고
검색한 지역에 마커를 생성해서 그지역이 폴리라인 안에 들어와있는지 안들어와있는지 볼수잇게 하고싶은데
위치검색후 마커생성api를 부르면 kakao 로넘어가버려서 제가 원하는지역에 폴리라인을 못 그리네요 어떻게해야되나요
위 내용이 어떤 의미인가요?
먼저 지역을 polyline으로 그려주고,
위치 검색으로 얻은 좌표가 polyline에 포함되어있는지 확인 후 마커를 표시해주세요.
<h1>금장동 요금표</h1>
<div id="map" style="width:768px;height:388px;"></div>
<script src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=56a477bea5cd15a6c093541f59dbd111"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(35.8620485,129.213318), // 지도의 중심좌표
level: 7, // 지도의 확대 레벨
mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
};
// 지도를 생성한다
var map = new kakao.maps.Map(mapContainer, mapOption);
// 지도에 선을 표시한다
var polyline = new kakao.maps.Polyline({
map: map, // 선을 표시할 지도 객체
path: [ // 선을 구성하는 좌표 배열
new kakao.maps.LatLng(35.844435, 129.217223),//경주역 앞
new kakao.maps.LatLng(35.844857, 129.200756),//경주역 끝 강
new kakao.maps.LatLng(35.850040, 129.202484),//세무서 강변삼거리
new kakao.maps.LatLng(35.856047, 129.202263),//동대교
new kakao.maps.LatLng(35.859063, 129.179006),//화랑마을산
new kakao.maps.LatLng(35.862125, 129.177926),//화랑마을산위
new kakao.maps.LatLng(35.864166, 129.179316),//화랑마을
new kakao.maps.LatLng(35.867738, 129.201638),//서경주역
new kakao.maps.LatLng(35.873074, 129.201862),//경주금장
new kakao.maps.LatLng(35.872973, 129.212421),//황성휴포레
new kakao.maps.LatLng(35.884572, 129.219991),//현진에버빌
new kakao.maps.LatLng(35.889321, 129.235989),//스위첸 신당교
new kakao.maps.LatLng(35.875607, 129.234422),//용강 삼환나우빌
new kakao.maps.LatLng(35.867649, 129.223736),//용강네거리
new kakao.maps.LatLng(35.851512, 129.230882),//경주 탈해왕릉
new kakao.maps.LatLng(35.850264, 129.228934),//동천동 부호탕
new kakao.maps.LatLng(35.846052, 129.228874),//동천동 알천교 앞
new kakao.maps.LatLng(35.852911, 129.218078),//경주교 앞
new kakao.maps.LatLng(35.844435, 129.217223)//경주역
],
strokeWeight: 3, // 선의 두께
strokeColor: '#FF0000', // 선 색
strokeOpacity: 0.9, // 선 투명도
strokeStyle: 'solid' // 선 스타일
});
</script>
이런식으로 html에 지도불러놓고 그위에 폴리라인을 그려놓았는데
검색api를쓰면 카카오 검색창이뜨더라구여