How to call js and css file and replace the script in code I'm trying to display a map in node page, it's working but the code doesn't look professional.

function customodule_block_info() {
    $blocks['customodule'] = array(
        'info' =&gt; t('Google Map Exemple'),
        'cache' =&gt; DRUPAL_NO_CACHE
    );
    return $blocks;
}

function customodule_block_view($delta = '') {
    $block = array();
    switch ($delta) {
        case 'customodule':
            $block['content'] = '&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;

&lt;style type="text/css"&gt;
  #map_canvas { height: 560px; width: 100%  }
    #map_canvas img {
max-width: none;

}

    #map_canvas div {
    -webkit-transform: translate3d(0,0,0);
}
&lt;/style&gt;


&lt;script type="text/javascript"&gt;
  function initialize() {
    var myLatlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 4,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

&lt;/script&gt;
&lt;/head&gt;
&lt;body onload="initialize()"&gt;

&lt;div data-role="page"&gt;


&lt;div data-role="content"&gt;
  &lt;div id="map_canvas" &gt;&lt;/div&gt;
&lt;/div&gt;&lt;!-- /content --&gt;

 &lt;!-- /header --&gt;
&lt;/div&gt;&lt;!-- /page --&gt;
&lt;/body&gt;
&lt;/html&gt;';


    };
    return $block;
}


I want to know how hook_block_view can read the css and js files?
Create the JS and CSS files and then in the block view add them in the following way:

drupal_add_css(drupal_get_path('module', 'my_module') . '/css/my_css_file.css');
drupal_add_js(drupal_get_path('module', 'my_module') .'/js/my_js_file.js', 'file');


We have done something similar at a module we develop:
Guardian news