|
TalMap SDK Libary Reference |
HOWTO: Use Native UI Objects of TalMapX Control. |
|
Summary
|
This document describes how to use Native UI Objects provided in TalMapX Control.
With this document, users can learn how to easily use Native UI Objects, such as Level Bar and Compass.
|
|
|
Steps
|
1. Get Control Manager from TalMapX Control.
2. Get UI Manager with the Contorl Manager.
3. Use UI Manager to carry out the desired tasks.
|
|
|
Example
|
|
<html>
<head>
<script language="javascript">
<!--
// toggle level bar
function ToggleLevelBar()
{
var ctrlman = m_Map.GetCtrlMan();
var uiman = ctrlman.GetUIMan();
if (uiman.GetShowLevelBar() == 0) {
uiman.SetShowLevelBar(1);
} else {
uiman.SetShowLevelBar(0);
}
}
// toggle compass
function ToggleCompass()
{
var ctrlman = m_Map.GetCtrlMan();
var uiman = ctrlman.GetUIMan();
if (uiman.GetShowCompass() == 0) {
uiman.SetShowCompass(1);
} else {
uiman.SetShowCompass(0);
}
}
// control compass
function ControlCompass()
{
var ctrlman = m_Map.GetCtrlMan();
var uiman = ctrlman.GetUIMan();
var imageman = ctrlman.GetImageMan();
imageman.SetDefaultPath("http://www.talmap.co.kr/tutorial/");
if (uiman.SetCompassImage("image/btn_menu_72.png", 72, 72)) {
var compass = uiman.GetCompass();
if (compass) {
compass.SetWidth(72);
compass.SetHeight(72);
compass.SetImageAutoChange(1);
compass.SetCanDrag(1);
// Notify Native Object Event.
compass.SetNativeEventNotify(1);
}
}
}
// OnUI_MouseMove Event
function MapEvent_OnUI_MouseMove(XUIObj, Code, X, Y)
{
if (XUIObj.GetUIID() == -3000) { // Compass
XUIObj.SetAngle(XUIObj.GetAngle() + 5);
}
}
</script>
<script language="javascript" for="m_Map" event="OnUI_MouseMove(XUIObj, Code, X, Y)">
<!--
MapEvent_OnUI_MouseMove(XUIObj, Code, X, Y);
-->
</script>
</head>
<body>
<table>
<tr>
<td>
<OBJECT ID="m_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 "CXUIMan.h"
#include "CXImageMan.h"
#include "CXUIButton.h"
#include "CXUIObj.h"
BEGIN_EVENTSINK_MAP(CSampleDlg, CDialog)
ON_EVENT(CSampleDlg, IDC_TALMAPXCTRL1, 22, CSampleDlg::OnUI_MouseMoveTalmapxctrl1, VTS_DISPATCH VTS_I4 VTS_I4 VTS_I4)
END_EVENTSINK_MAP()
// toggle level bar
void CSampleDlg::OnSmLevelbarView()
{
CXUIMan uiman = ctrlman.GetUIMan();
if (uiman.GetShowLevelBar() == 0) {
uiman.SetShowLevelBar(1);
} else {
uiman.SetShowLevelBar(0);
}
}
// toggle compass
void CSampleDlg::ToggleCompass()
{
CXUIMan uiman = ctrlman.GetUIMan();
if(uiman.GetShowCompass() == 0) {
uiman.SetShowCompass(1);
} else {
uiman.SetShowCompass(0);
}
}
// control compass
void CSampleDlg::OnSmCompassAdd()
{
CXUIMan uiman = ctrlman.GetUIMan();
CXImageMan imageman = ctrlman.GetImageMan();
imageman.SetDefaultPath("http://www.talmap.co.kr/tutorial/");
if(uiman.SetCompassImage("image/compass_new.png", 62, 62)) {
CXUIButton compass = uiman.GetCompass();
if (compass.m_lpDispatch != NULL) {
compass.SetWidth(62);
compass.SetHeight(62);
compass.SetImageAutoChange(1);
compass.SetCanDrag(1);
// Notify Native Object Event.
compass.SetNativeEventNotify(1);
}
}
}
void CSampleDlg::OnUI_MouseMoveTalmapxctrl1(LPDISPATCH Obj, long Flag, long X, long Y)
{
// TODO: Append Codes for Message Handler here.
CXUIObj object = Obj;
if (object.GetUIID() == -3000) {
object.SetAngle(object.GetAngle() + 5);
}
}
|
|
|
|
See Also
|
|
Map Preview
|
|