Show the Google map

Hi Experts,

I am trying to show the googlemap inside the sap.m.IconTabFilter in my program. I refer Consume NetWeaver Gateway services via SAPUI5 - Part 3 link, but not getting any output. I have coded

In index file

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCIxrPiLN7Sk2c7nTPqgmFOpqwOlp4AETk&sensor=true">

</script>

<script type="text/javascript">

var geocoder;

var map;

function initialize_map() {

        geocoder = new google.maps.Geocoder();

        var latlng = new google.maps.LatLng(-34.397, 150.644);

        var myOptions = {

                zoom : 15,

                center : latlng,

                mapTypeId : google.maps.MapTypeId.ROADMAP

        }

        map = new google.maps.Map($('#map_canvas').get(0), myOptions);

        geocoder.setMap(map);

}

  </script>

In View.js

new sap.m.IconTabFilter({

              text: "Geo location",

              icon: "sap-icon://map",

              iconColor: sap.ui.core.IconColor.Default,

              content:

              new sap.ui.core.HTML({

              content:'<div id="map_canvas" style="width:300px;height:200px;"></div>',

         })

                }), 

Please show the correction if possible

Thanks

Himadri