<html>
<head>
<script language="javascript">
<!--
// UI 생성
function CreateUI() {
    // Step 1. Ctrl Manager 구하기
    var ctrlman = m_Map.GetCtrlMan();
    
    // Step 2. UI Manager 구하기
    var uiman = ctrlman.GetUIMan();
    
    var ctrlstate = ctrlman.GetControlState();
    var dpsize = ctrlstate.GetSizeDP();
    var util = m_Map.GetUtility();
    
    var imageman    = ctrlman.GetImageMan();
    imageman.SetDefaultPath("http://www.talmap.co.kr/tutorial/");
	
	  // Step 3. UI 개체 생성
    // Menu Button
    var btn = uiman.CreateUI_Button(uiman);
    btn.SetParent(uiman);
    btn.SetUIID(10);
    btn.SetCaption("메뉴 버튼");
    btn.SetBound(0, dpsize._CY - 72, 72, 72);
    btn.SetImageList("image/btn_menu_72.png", 72, 72);
    btn.SetAnchor(util.GetConstToValue("TMUIOBJ_ANCHOR_LEFT") | util.GetConstToValue("TMUIOBJ_ANCHOR_TOP"));
    btn.SetCanFocus(1);
    btn.SetCanClick(1);
    btn.SetBrush(util.GetConstToValue("BS_SOLID"), util.RGBColor(255, 0, 0), 0);
    btn.SetTransparent(util.GetConstToValue("TMUIOBJ_TRANSPARENT_ALL"));
    btn.SetData(1);
    btn.SetAlpha(70);
    
    // Step 4. AddEventMode 를 이용해 필요한 이벤트 설정
    btn.AddEventMode(util.GetConstToValue("TMEVENTTYPE_MOUSEENTER") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSELEAVE") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEDOWN") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEMOVE") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEUP"));
}

// OnCreate 이벤트에서 테마 관련 Path 설정
function MapEvent_OnCreate(Flag) 
{
    var ctrl = m_Map.GetCtrlMan();
    var mapman = ctrl.GetMapMan();
    var thememan = ctrl.GetThemeMan();
    var ctrlstate = ctrl.GetControlState();
    
    // Map Data Path 지정
    if (mapman.SetDefaultPath("http://localhost/MapData")) {
        alert("Map Data Path를 지정하지 못했습니다.");
    }
    // Theme Path 지정
    thememan.SetDefaultPath("http://localhost/Theme");
    if (thememan.LoadTheme("TalMap.TMT") != true) {
        alert("Theme를 Loading하지 못했습니다.");
    }    
    ctrlstate.SetLevel(4);
    ctrlstate.SetZoomScale(0.5);
}
-->
</script>

<script language="javascript" for="m_Map" event="OnCreate(Flag)">
<!--
    MapEvent_OnCreate(Flag);
-->
</script>

</head>

<body>
    <table>
        <tr>
            <td>
                <OBJECT ID="Map" CLASSID="CLSID:DD9B48AD-EDDC-4D2C-BD68-D1FB4B382024"
                codebase='http://localhost/TalMapX_Web.CAB#version=1,0,0,17' width=100% height=80%>
                </OBJECT>
            </td>
        </tr> 
    </table>  
</body>
</html>

#include "talmapxctrl1.h"
#include "CXCtrlMan.h"
#include "CXControlState.h"
#include "CXThemeMan.h"
#include "CXMapMan.h"
#include "CXAdminMan.h"
#include "CXUIMan.h"
#include "CXUtility.h"
// UI 생성
void CSampleDlg::OnCreateUI()
{
	// Step 1. Ctrl Manager 구하기
	CXCtrlMan ctrlman = m_Map.GetCtrlMan();
	// Step 2. UI Manager 구하기
	CXUIMan uiman = ctrlman.GetUIMan();
	CXControlState ctrlstate = ctrlman.GetControlState();
	CXSize dpsize =  ctrlstate.GetSizeDP();
	CXUtility util = m_Map.GetUtility();
	
	CXImageMan imageman = ctrlman.GetImageMan();
	imageman.SetDefaultPath("http://www.talmap.co.kr/tutorial/");

	// Step 3. UI 객체 생성
	CXUIButton btn =  uiman.CreateUI_Button(uiman);
	btn.SetParent(uiman);
	btn.SetCaption("메뉴 버튼");
	btn.SetBound(0, dpsize.GetCY() - 72, 72, 72);
	btn.SetImageList("image/btn_menu_72.png", 72, 72);
	btn.SetAnchor(util.GetConstToValue("TMUIOBJ_ANCHOR_LEFT") | util.GetConstToValue("TMUIOBJ_ANCHOR_TOP"));
	btn.SetCanFocus(1);
	btn.SetCanClick(1);
	btn.SetBrush(util.GetConstToValue("BS_SOLID"), util.RGBColor(255, 0, 0), 0);
	btn.SetTransparent(util.GetConstToValue("TMUIOBJ_TRANSPARENT_ALL"));
	btn.SetAlpha(70);

	// Step 4. AddEventMode 를 이용해 필요한 이벤트 설정
	btn.AddEventMode(util.GetConstToValue("TMEVENTTYPE_MOUSEENTER") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSELEAVE") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEDOWN") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEMOVE") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEUP"));
}