I’m my situation this did not help. I want to add Google Streetview in the infobox in a
- GMAP -
. This div is put in the iframe inside the description :
after I created the viewer:
viewer.infoBox.frame.removeAttribute(‘sandbox’);
This does not help. In the elements of the infobox I still see the iframe. What’s wrong there?
var selectedEntity = new Cesium.Entity();
selectedEntity.name = title;
viewer.selectedEntity = selectedEntity;
selectedEntity.description = theHtml; <- this is a whole set of information which is working fine in my app.
But when I add GMAP with this code:
var position = { lat: Number(lat), lng: Number(lon) };
var streetViewService = new google.maps.StreetViewService();
var latLng = new google.maps.LatLng(Number(lat), Number(lon));
if (!heading) { heading = googleStreetviewSettings.heading; } //if the heading value is null, use default value from settings. This happens when clicking on the billboard.
streetViewService.getPanoramaByLocation(latLng, googleStreetviewSettings.STREETVIEW_MAX_DISTANCE, function (streetViewPanoramaData, status) {
LogManager.log(1, 'Put the streetview map in div: ’ + div_id);
var div = $(’#gmap’); <- This is null!!! This is the problem. I can’t get access to the div to put in the GMAP.
var panorama = new google.maps.StreetViewPanorama(
div, {
position: position,
pov: {
heading: Number(heading),
pitch: Cesium.Math.toRadians(cameraSettings.pitch), //10,
zoom: 0
}
});
});
}
So what am I doin wrong?