마스터Q&A 안드로이드는 안드로이드 개발자들의 질문과 답변을 위한 지식 커뮤니티 사이트입니다. 안드로이드펍에서 운영하고 있습니다. [사용법, 운영진]

안드로이드 loadurl으로 자바스크립트에 변수 전달하기 질문있습니다.

+1 추천

안녕하세요..프로그래밍 완전초보입니다ㅠㅠ

다름이 아니라.. 제가 인터넷 검색으로 구글맵을 띄워주는 자바스크립트?? 파일을 구했는데요..

현재는 webView.loadUrl()을 하여서 해당 구글맵 스크립트를 안드로이드에서 띄우기까지는 되는데요..

loadurl 할때 위도와 경도의 좌표값을 안드로이드에서 자바스크립트로 넘겨주어 해당되는 좌표에 대한 지도를 띄우게 하고 싶습니다.

정리하면,

1. 안드로이드->자바스크립트로 변수를 전달하기

2. 자바스크립트에서는 전달받은 변수를 이용하여 함수 처리하기

입니다.

아래는 자바 스크립트 코드 입니다. 저기서 latitude와 longitude의 값을 안드로이드로부터 받아와서 함수를 처리하고 싶습니다.

안드로이드에서 loadurl 할때 어떤식으로 써주면 되는지 알려주시면 대단히 감사하겠습니다. ㅠㅠ

일단 제가 시도해본것은

webView.loadUrl("file:///android_asset/NewFile.html?latitude"=latidude); 이런식으로는 해봤는데 도저히 모르겠어서ㅠㅠ 도와주세요..ㅠㅠ

<!DOCTYPE html>
<html>
<head> 
<title>구글지도</title> 


<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=ko"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBlI3bkW508MXSQ-E6d5JVSI5kD8R1fSD8" type="text/javascript"></script>
 <script> 
  function initialize() { 
  var myLatlng = new google.maps.LatLng(latitude , longitude);
  var mapOptions = { 
        zoom: 15, 
        center: myLatlng, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
  } 
 
  var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  var marker = new google.maps.Marker({ 
            position: myLatlng, 
            map: map, 
            title: "지도" 
  }); 
  var infowindow = new google.maps.InfoWindow( 
          { 
            content: "<h1>지도</h1>", 
            maxWidth: 300 
          } 
  ); 

  google.maps.event.addListener(marker, 'click', function() { 
  infowindow.open(map, marker); 
  }); 
  } 
 </script> 

</head> 

<body onload="initialize()"> 

map
<div id="map_canvas" style="width:600px; height:400px;"></div> 

</body> 
</html>

 

기무치찌개 (200 포인트) 님이 2016년 11월 20일 질문
기무치찌개님이 2016년 11월 20일 태그 변경

답변 달기

· 글에 소스 코드 보기 좋게 넣는 법
· 질문에 대해 추가적인 질문이나 의견이 있으면 답변이 아니라 댓글로 달아주시기 바랍니다.
표시할 이름 (옵션):
개인정보: 당신의 이메일은 이 알림을 보내는데만 사용됩니다.
스팸 차단 검사:
스팸 검사를 다시 받지 않으려면 로그인하거나 혹은 가입 하세요.
...