Wikitude

Show Radar

Hello,

I'm developing an Android App to show a 3D Model and the radar (the same as POI samples)

My code is:

var model = new AR.Model("assets/test.wt3");

var location = new AR.RelativeLocation(null, 0, 0, 0);

var go = new AR.GeoObject(location, {
drawables : { cam : model}
});

AR.radar.container = document.getElementById("radarContainer");
AR.radar.background = new AR.ImageResource("assets/radar_bg.png");
AR.radar.northIndicator.image = new AR.ImageResource("assets/radar_north.png");

AR.radar.centerX = 0.5;
AR.radar.centerY = 0.5;

AR.radar.radius = 0.3;
AR.radar.northIndicator.radius = 0.0;

AR.radar.enabled = true;

 

The 3D model works perfectly but i can't see the radar

Please have a look at the Browsing POIS sample "Adding Radar" and ensure to have a div in your html, e.g.
<div class="radarContainer_left" id="radarContainer"></div>

Also ensure to define radar position/dimensions in div's style/CSS, e.g.

.radarContainer_left {

position:absolute;

top:0px;

left:0px;

width:100px;

height:100px;

}

 

Best regards,

Andreas

Hello,

I've already included in the index.html the radar container and the radar style is included in my custom css.

Please compare your sources with the one from the samples to figure out the issue.
Also try remote debugging the webview via Chrome (Android) or Safari (iOS) to check whether JS error occurred. 

Hello,

I've solved in a different way, i use the POI example and i not load the poi's but i load the 3d model. I've used the same code.

Now i have a different problem, how can i switch between 3 different model by pressing 3 different buttons?

I load the 3 model correctly as below:

//modello 3d
var model = new AR.Model("assets/model1.wt3");
var model2 = new AR.Model("assets/model2.wt3");
var model3 = new AR.Model("assets/model3.wt3");

var location = new AR.RelativeLocation(null, 0, 0, 0);

var go = new AR.GeoObject(location, {
drawables : { cam : }
});

 

Use the "enabled" attribute. When pressing "Show Model A" button you set enabled = false to Models B and C and enable solely Model A.