Google Maps API in VBCS

Summary

how do i pass in coordinates from a business object into google maps

Content

I am trying to get a google map displayed with a marker on the coordinates that are passed in from a rest endpoint. 

I can display the two values I want through this: 

<oj-bind-text value = [[$page.variables.assetDetails.lATITUDE]] id = latitude></oj-bind-text>
<oj-bind-text value = [[$page.variables.assetDetails.lOGITUDE]] id = longitude></oj-bind-text>

But I want them to be passed in the iframe:

<iframe src="https://www.google.com/maps/embed/v1/place?key=APIKEY&q=54.5,65.7" width="640" height="480"> </iframe>

But I want the 54.5 to be the value of [[$page.variables.assetDetails.lATITUDE]] and the 65.7 to be the value of  [[$page.variables.assetDetails.lOGITUDE]]