Hi Experts,
I have created an HTML mashup by following steps of the blog HTML script mashup - launched from an Embedded Component
Everything works out fine till I come to the point where I need to Drag Drop my Mashup pipe to my floorplan.
The moment I drag the pipe I get an exception and my UI Editor closes.
Also, When I try to add this mashup to Controller -> Mashup Components, I get an error pop-up.
What is an increen mashup? and how do I get rid of this error?
I have copied the HTML code from the blog mentioned above. But any code that I put here, makes no difference. It alwys gives an exception.
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
//Test by outputting variables to the console..this ensures that your Outport-Inport bindings are
correct
document.write("Hello World!");
document.write(sap.byd.ui.mashup.context.inport.ParameterZ );
document.write( sap.byd.ui.mashup.context.inport.ParameterT);
var mapOptions = { zoom: 8, center: new google.maps.LatLng
(sap.byd.ui.mashup.context.inport.ParameterZ,sap.byd.ui.mashup.context.inport.ParameterT)
//(-34.397, 150.644) .. test using hard coded values if required
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
- google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="panel">
</div>
<div id="map-canvas"></div>
</body>
</html>
FYI URL mashup is working fine. I am facing this issue only for HTML mashups.
Please find the exported mashup attached below.
Warm Regards,
Manasi