안녕하세요?..
WebView에 다음 지도를 넣어봤는데요..
맵을 드래그해서 움직이고 싶은데 그게 안되네요.
http://dna.daum.net/examples/maps/maps2/simple.html
이것처럼 마우스로 잡고 맵을 이동시키고 싶습니다.ㅠㅠ
코드입니다... 도와주세요 ㅠㅠ
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
public class WebViewTest extends Activity {
WebView mWeb;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWeb = (WebView) findViewById(R.id.webview);
mWeb.setWebViewClient(new MyWebClient());
WebSettings set = mWeb.getSettings();
set.setJavaScriptEnabled(true);
set.setBuiltInZoomControls(true);
mWeb.loadUrl("file:///android_asset/daumjido3.html");
}
class MyWebClient extends WebViewClient {
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<WebView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/webview"
/>
</LinearLayout>
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>다음 지도API 테스트 페이지 </title>
<Script type="text/javascript" src="</script'></script'>http://apis.daum.net/maps/maps2.js?apikey=DAUM_MAPS_DEMO_APIKEY"></script>
</head>
<body>
<div id="map"></div>
<Script type="text/javascript">
var map = new DMap("map", {point:new DLatLng(37.48879895934866, 127.03130020103005), level:2});
var zoomControl = new DZoomControl();
map.addControl(zoomControl);
</script>
</body>
</html>
저는 KT쪽에서 일하는데요..
올레맵 웹 버젼에도 같은 문제가 발생했네요..
그래서 제가 한 방법 올려드리죠..
다음맵은 잘 안 살펴봐서 모르겠지만..
-------------------------------------------
var startX;
var endX;
var startY;
var endY;
document.addEventListener('touchstart',function(event){
event.preventDefault();
var touch = event.touches[0];
startX = touch.pageX;
startY = touch.pageY;
},false);
document.addEventListener('touchmove',function(event){
event.preventDefault();
var touch = event.touches[event.touches.length-1];
endX = touch.pageX;
endY = touch.pageY;
map.pan(startX-endX,startY-endY);
},false);
------------------------------------
자바스크립트로 처리했습니다.
포인트는...
document.addEventListener('touchstart',function(event){... 이벤트로 처음 좌표(픽셀)를 읽어와서..
document.addEventListener('touchmove',function(event){ 이벤트로 계속 좌표 이동을 해주는 것이지요..
올래맵에서는 픽셀 이동이 있어서 가능했습니다..
아마 다음맵이 더욱 훌륭하니.. 다음맵에서도 가능하겠죠?
'touchstart','touchmove' 이벤트는 안드로이드 단말에서 지원을 해준다고 하네요..-_-;
그냥 검색하다가 저도 같은 문제로 고민하다가 해결되서 답변 달아드립니다.
덕분에 사이트 가입도 했네요 ㅋ
아 보니깐..맵 api, 사용법을 제대로 숙지 안하신거 같아서... 다음 오픈 API 맵으로 가셔서 예제를 보세요..
분명 좌표 이동에 대한 예제가 존재할것 같습니다...다음사이트에서 API 검색은 로그인 및 회원 가입 없이 살표 볼수 있는 것 같아요..
그럼 수고하세요~~



