| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
- flutter
- parameter
- sensor
- Barcode
- Class
- Pointer
- inheritance
- SERIAL
- Unity
- compare
- length
- Contour
- Overloading
- memory
- Android
- java
- file access
- wpf
- Read
- stream
- preprocessing
- aduino
- mfc
- Binary
- UNO
- Encapusulation
- digitalRead
- APP
- atmega328
- public
- Today
- Total
폴크(FOLC)
C# 테크닉 - 길 찾기 ( KakaoMap ) 본문
# Kakao Map 을 이용하여 특정한 영역의 길찾기
> KakaoAPI 사용자 등록 후 관련 Key 필요
> https://developers.kakao.com/console/app ( 관련 내용은 검색 후 참고 )
- REST API 키
- JavaScript 키
# 리소스에 WebBrowser 컨트롤 추가
> 컨트롤 옵션 설정
- Anchor : Top, Bottom, Left, Right
> 확대/축소에 맞게 영역을 표시 하기 위함.
# JavaScript + HTML 파일 추가
> KakaoMapForWinForms.html
> 리소스 옵션에서 "항상 복사"로 설정
# JavaScript + HTML 내용
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="map" style="width: 100%;height: 100%"></div>
<script type="text/javascript"
src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=JavaScriptKEY"></script>
<script>
var container = document.getElementById('map');
// center : 경도값, 위도값, level : 줌 설정
var options = { center: new kakao.maps.LatLng(36.321655, 127.378953), level: 3 };
var mapMAP = new kakao.maps.Map(container, options);
mapMAP.addControl(new kakao.maps.MapTypeControl(), kakao.maps.ControlPosition.TOPRIGHT);
function geo(address)
{
var geocoder = new kakao.maps.services.Geocoder();
geocoder.addressSearch(address, function (result, status){
if (status === kakao.maps.services.Status.OK)
{
var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
var marker = new kakao.maps.Marker({ map: mapMAP, position: coords });
var infowindow = new kakao.maps.InfoWindow({
content: '<div style="width:100px;text-align:center;padding:3px 0;">Here!</div>'
});
infowindow.open(map, marker);
mapMAP.setCenter(coords);
}
});
}
</script>
</body>
</html>
# 소스 코드
using System.IO;
using System.Windows.Forms;
namespace WindowsFormsApp1_NavigateMAP_Kakao
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
// JavaScript + Html 파일 이용
string html = KakaoMapForWinForms.html;
string dir = Directory.GetCurrentDirectory();
string result = Path.Combine(dir, html);
WebBrowser.Navigate(result);
}
}
}
'C#, WF, WPF(.NET) > C#, WF, WPF(.NET) 테크닉' 카테고리의 다른 글
| C# 테크닉 - 길 찾기 ( GMap ) (0) | 2022.04.02 |
|---|---|
| C# 테크닉 - 문자열 인코딩 ( 한글 깨짐 ) (0) | 2022.03.06 |
| WPF 테크닉 - LiveChart 관련 site (0) | 2022.03.05 |
| WPF 테크닉 - Timer 운영 (0) | 2022.03.04 |
| C# 테크닉 - 프로세스 검색 (0) | 2021.12.29 |
