WebBrowser 컨트롤을 이용하여 윈폼에서

Daum Map API를 사용하는 예제입니다.

 

웹이 아닌 CS상에서 구현하기 위하여

테스트 중에 있습니다.

 

다음의 지도 API 시작하기의 Hello World를 따라하였습니다.

http://dna.daum.net/apis/maps/intro#toc-hello-world

 

아래의 소스와 같습니다.

 

 Test를 위해

Debug파일에 daumMapAPI.html 이름으로 작성하였습니다.

<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no">
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map { width: 100%; height: 100% }
</style>
<script type="text/javascript" src="http://apis.daum.net/maps/maps3.js?apikey=APIKEY를 넣어주세요"></script>
<script type="text/javascript">
 window.onload = function() {
 var position = new daum.maps.LatLng(37.537123, 127.005523);

 var map = new daum.maps.Map(document.getElementById('map'), {
  center: position,
  level: 4,
  mapTypeId: daum.maps.MapTypeId.HYBRID
 });

 var marker = new daum.maps.Marker({
  position: position
 });
 marker.setMap(map);

 var infowindow = new daum.maps.InfoWindow({
  content: 'Hello, World!'
 });
 infowindow.open(map, marker);
 };
</script>
</head>
<body>
<div id="map"></div>
</body>
</html> 

 

 

 

cs상에서 간단하게

WebBrowser 개체의 Navigate 메서드를 호출해주시면 됩니다.

 

        private void Form1_Load(object sender, EventArgs e)
        {
            try
            {
                string url = Environment.CurrentDirectory + "\\daumMapAPI.html";
                this.webBrowser.Navigate(url);
            }
            catch(Exception ex)
            {
                MessageBox.Show(ex.Message);
            }
        }


 

 

 

[ 이미지 1] 결과화면

 

 

 

아고...웹을 하나도 몰라 몇시간 삽질했네요.....ㅡㅜ

웹 공부도 해야하는데 흑흑...

 

다음 글에서는 CS에서 자바스크립트

호출하는 부분에 대해 작성할 것 같습니다~

저작자표시 비영리 동일조건

'.Net > Winform' 카테고리의 다른 글

C# Winform에서 DaumAPI 사용하기[3]_JavaScript CallBack 구현  (0) 2012.09.14
C# Winform에서 DaumAPI 사용하기[2]_JavaScript 메서드 호출  (0) 2012.09.14
C# MS Chart  (2) 2012.08.30
C# ListView LargeIcon을 이용하여 Windows탐색기 효과내기  (2) 2012.08.29
C# 자신의 IP 및 MAC ADRESS 확인하기  (0) 2012.08.29

+ Recent posts

티스토리툴바