Boa dia a todos.

Segui a sugestão do Felipe Cortez,
Pode seguir esse exemplo.
adianti.com.br/framework_files/tutor/index.php?class=JqueryGalleryVi,
e o acesso ao mapa funcionou corretamente, mas o problema e forma que ele está aparecendo na tela. Bem deformado.
Alguém teria uma sugestão?


////////////////////////////////////

class mapa extends TPage
{
private $form; // form

/**
* Class constructor
* Creates the page and the registration form
*/
function __construct()
{
parent::__construct();

TPage::include_js("lib/adianti/include/leaflet/leaflet.js");

// creates the DIV element with the images
$mapa = new TElement('div');
$mapa->id = 'mapa';
$mapa->style = "top:60%;width:50%;height:180px";

/*Criação da variável que será utilizada como camada base*/
/*Criação da variável mapa e a localização onde o mapa será centralizado e o nível do zoom*/
$script = new TElement('script');
$script->type = 'text/javascript';
$script->add(
'var mapa = L.map("mapa").setView([-22.903719, -43.1760605], 8);
L.tileLayer("{s}.tile.osm.org/{z}/{x}/{y}.png").addTo(mapa);');


// creates the page structure using a vbox
$container = new TVBox;
$container->style = 'width: 100%';
$container->add($this->form);
$container->add($mapa);
$container->add($script);

// add the vbox inside the page
parent::add($container);
}


///////////////////////////////////////////////////////////////////////////////

Atenciosamente,
Ailton Furtado