*환경 : Window7 이상의 PC 에서 MFC 로 만든 로컬 데스크톱 프로그램
*문제 : polyline 예제(http://apis.map.daum.net/web/sample/drawShape/) 를 그대로 따라 했음에도 위치가 다르게 보여지지만 마커 위치는 오히려 정확하게 보여짐. 크롬에서 실행하면 polyline 위치가 정확히 보여짐. 이유가 뭔가요?
*PC 프로그램 캡처화면
*자바스크립트 소스
html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% }<script type="text/javascript">
//========================================================================================
//전역변수 선언
var mMap;
var mMarker;
var mPointList = [];
var mPolyLine;
//========================================================================================
//초기 함수
function initialize() {
var mapContainer = document.getElementById('map_canvas'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.45178067090639, 126.5726886938753), // 지도의 중심좌표
level: 1 // 지도의 확대 레벨
};
var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 선을 구성하는 좌표 배열입니다. 이 좌표들을 이어서 선을 표시합니다
var linePath = [
new daum.maps.LatLng(33.452344169439975, 126.56878163224233),
new daum.maps.LatLng(33.452739313807456, 126.5709308145358),
new daum.maps.LatLng(33.45178067090639, 126.5726886938753)
];
// 지도에 표시할 선을 생성합니다
var polyline = new daum.maps.Polyline({
path: linePath, // 선을 구성하는 좌표배열 입니다
strokeWeight: 5, // 선의 두께 입니다
strokeColor: '#FFAE00', // 선의 색깔입니다
strokeOpacity: 0.7, // 선의 불투명도 입니다 1에서 0 사이의 값이며 0에 가까울수록 투명합니다
strokeStyle: 'solid' // 선의 스타일입니다
});
// 지도에 선을 표시합니다
polyline.setMap(map);
var marker = new daum.maps.Marker();
marker.setPosition(linePath[2]);
marker.setMap(map);
}
</script>