将谷歌地图添加到fiori sapui5应用程序

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m">
  <Page title="My Map Page">
    <content>
      <VBox id="mapContainer" height="500px"></VBox>
    </content>
  </Page>
</core:View>

onAfterRendering: function() {
  var mapContainer = this.getView().byId("mapContainer");
  var mapOptions = {
    center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点的经纬度
    zoom: 12 // 设置地图缩放级别
  };
  var map = new google.maps.Map(mapContainer.getDomRef(), mapOptions);
}