How can I place an object from image detection(a portal) to device tracking surface?

Hi Miguel!

It is possible to use both Snapcode Tracking and Surface Tracking for your experience. 

Out of the box, if you have an object in Device Tracking, and another under marker tracking, the two objects should co-exist without problems in their respective tracker.

If you don't want the two objects to exist simultaneously, but only on one tracker at a time, you can use onMarkerFound and onMarkerLost event to figure out which tracker to display the object from. 

var markerComponent = script.getSceneObject().getFirstComponent("Component.MarkerTrackingComponent")
markerComponent.onMarkerLost = function() {
 print("Marker Lost")
}
markerComponent.onMarkerFound = function() {
 print("Marker Found")
}

Having an object transition between marker and world tracking is more involved. In this case you will need to use World Tracking. Under your Device Tracking component, select the drop down and choose World. Then, when onMarkerFound event happens, you want to set a flag to tell your object to start copying the position, scale, and rotation from your tracker. Similarly, when onMarkerLost event happens, you want to stop copying the transform. 

Let me know how it goes!

Cheers,
Jon