title: Changing Alert message to display in the div on Google Map Geocoding service search
body: <p>I want to change Alert message(alert('Geocode was not successful for the following reason: ' + status);) to be displayed in the div on Google Map Geocoding service search. What is the best way to do this?</p>
  
  <p><a href="https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple" rel="nofollow">https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple</a></p>
  
  <pre><code>var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var mapOptions = {
      zoom: 8,
      center: latlng
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  }
  
  function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert('Geocode was not successful for the following reason: ' + status);
      }
    });
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>