Taebu / prq

prq.co.kr
MIT License
1 stars 0 forks source link

네이버 지도 적용하기 #33

Closed Taebu closed 8 years ago

Taebu commented 8 years ago

navermap 이전 키 발급과 달라서 적용하는데 애먹음.

우선은 적용은 되나 기존 코드와 약간 상이 하고 curl 방식으로 가져오는 방식이 구현키 어려워 되지도 않음. 클래스를 만들어서 호출하는 방식으로 해야하니 짜증이 밀려와서 기존에 구현한 위도 경도 가져오는 google에서 제공한 위도 경도 .js 활용

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
/*구글 지도 */
var geocoder = new google.maps.Geocoder();
var markersArray = []; 
//지도 셋팅

function setMarkerByGeocoding1(address) {
if (geocoder) {
var lat;
var lng;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
lat = parseFloat(results[0].geometry.location.lat());
lng = parseFloat(results[0].geometry.location.lng());
document.getElementById("latitude").value=lat;
document.getElementById("longitude").value=lng;
/*location 정보 불러 오기*/
map_location();
} else {
alert(address + " 주소를 찾을 수 없습니다.");
}
});
}
}
/*End 구글 지도 */
</script>

활용한 소스는 아래와 같다. 주소를 넣으면 위도 경도를 json으로 떨구는 방식이다. 지정된 경로가 정해져 있어 구현하기가 쉽고 무엇보다 curl 방식인지는 모르겠으나 비동기 방식으로 구현 하였다.

Taebu commented 8 years ago

해당 구현 소스는

네이버] 지도 구현 https://developers.naver.com/docs/map/tutorial

네이버] 지도 구현 소스 https://github.com/naver/navermap-android-api

제공

Taebu commented 8 years ago

http://prq.co.kr/prq/map.php 에 iframe GET 방식으로 불러오기 구현.