AHNDOORI (kAUdo)

카카오맵(다음맵) API는 안드로이드 시뮬레이터(ADV환경)에서는 작동하지 않습니다.

배포한 파일에 보시면 x86은 없고 arm만 있죠

아예 지원하지 않는것입니다.

어짜피 스마트폰들은 arm이니까 안만든것 같습니다.

그래서 카카오맵을 개발할때는 실제 스마트폰으로 디버깅 하셔야 합니다.

이 위치가 맞는 위치입니다.

src/main/jniLibs/arm*

E/net.daum.mf.map.n.api.NativeMapLibraryLoader: Can`t load DaumMapEngineApi.so file

E/AndroidRuntime: FATAL EXCEPTION: main

java.lang.UnsatisfiedLinkError

카카오맵 지도 API를 사용하는데,

갑자기 에러가 나면서 작동을 안하는것입니다.

자세히 알아봤더니 여태까지는 서버에 올려놓고 테스트했었는데,

로컬에서 하니까 안되는거였네요.

원인은 주소에 있는 포트 였습니다. localhost:8080

코드에 이상이 없었는데

401 Unauthorized 오류가 발생합니다.

리스폰스헤더에

Bearer realm="kakao",error="invalid_token",error_description="The access token expired

와 같은 오류 메세지가 출력됩니다.

해결하려면 카카오API 관리자에서 localhost:8080을 등록해주면 됩니다.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map" style="width:730px; height:500px;"><br /></div>
<script type="text/javascript">
<!--
	var map = new google.maps.Map(document.getElementById("map"), {
		zoom: 12,
		center: new google.maps.LatLng(37.564615,126.98420299999998),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	});
	google.maps.event.addListener(map, 'click', function(mouseEvent) {
		getAddress(mouseEvent.latLng);
	});

	function getAddress(latlng) {
		var geocoder = new google.maps.Geocoder();
		geocoder.geocode({
			latLng: latlng
		}, function(results, status) {
			if (status == google.maps.GeocoderStatus.OK) {
				if (results[0].geometry) {
					var address = results[0].formatted_address.replace(/^日本, /, '');
					new google.maps.InfoWindow({
						content: address + "<br />(Lat, Lng) = " + latlng
					}).open(map, new google.maps.Marker({
						position: latlng,
						map: map
					}));
				}
			} else if (status == google.maps.GeocoderStatus.ERROR) {
				alert("ERROR");
			} else if (status == google.maps.GeocoderStatus.INVALID_REQUEST) {
				alert("INVALID_REQUEST");
			} else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
				alert("OVER_QUERY_LIMIT");
			} else if (status == google.maps.GeocoderStatus.REQUEST_DENIED) {
				alert("REQUEST_DENIED");
			} else if (status == google.maps.GeocoderStatus.UNKNOWN_ERROR) {
				alert("UNKNOWN_ERROR");
			} else if (status == google.maps.GeocoderStatus.ZERO_RESULTS) {
				alert("ZERO_RESULTS");
			} else {
				alert(status);
			}
		});
	}
//-->
</script>

다음지도를 한 화면에서 2개이상 띄우는 코드 입니다.

좌표는 당근 2개씩 있어야겠죠.

확대축소 컨트롤이랑 '지도/스카이뷰' 버튼은 함께 쓸수 있습니다.

좌표중 하나는 서울역이고, 다른하나는 광화문 근처입니다.



스크립트:

$(window).load(function(){
	var zoomControl=new daum.maps.ZoomControl();
	var mapTypeControl=new daum.maps.MapTypeControl();

	var longitude='126.980101';
	var latitude='37.571982';
	var mapLongitude='126.978456';
	var mapLatitude='37.571702';

	map=new daum.maps.Map(document.getElementById('map1'),{
		center:new daum.maps.LatLng(mapLatitude,mapLongitude),
		level:4
	});

	map.addControl(zoomControl,daum.maps.ControlPosition.RIGHT);
	map.addControl(mapTypeControl,daum.maps.ControlPosition.TOPRIGHT);
	
	var marker=new daum.maps.Marker({position:new daum.maps.LatLng(latitude, longitude)});
	marker.setMap(map);



	var longitude2='126.9740458';
	var latitude2='37.5542316';

	map2=new daum.maps.Map(document.getElementById('map2'),{
		center:new daum.maps.LatLng(latitude2,longitude2),
		level:3
	});

	map.addControl(zoomControl,daum.maps.ControlPosition.RIGHT);
	map2.addControl(mapTypeControl,daum.maps.ControlPosition.TOPRIGHT);

	var marker2=new daum.maps.Marker({position:new daum.maps.LatLng(latitude2,longitude2)});
	marker2.setMap(map2);
});

<div class="map_area" id="map1" style="width:100%;height:400px;">
<div class="map_area" id="map2" style="width:100%;height:400px;">