GMAP - Custom Icon Images

by bizamajig

HTML

<!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html>
     <head>
         <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
         <meta http-equiv="Content-Type"  content="text/html;  charset=utf-8" />
         <style type="text/css">
             body {
                 font-family:  Helvetica, Arial, sans-serif;
                 font-size:10px;
                 margin:0;
             }
             #firstHeading  {
                font-family: Calibri;
                 font-size:12px;
                font-weight:  bold;
                color: #0f9bec;
             }
            p {
                color :  #666;
             }
         </style>
 
         <script type="text/javascript"  src="http://maps.google.com/maps/api/js?sensor=false"></script>
         <script type="text/javascript">
             function  initialize() {
                 var  latlng = new google.maps.LatLng(57.0442, 9.9116);
                 var  settings = {
                     zoom: 15,
                     center: latlng,
                     mapTypeControl: true,
                     mapTypeControlOptions: {style:  google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                     navigationControl: true,
                     navigationControlOptions: {style:  google.maps.NavigationControlStyle.SMALL},
                     mapTypeId: google.maps.MapTypeId.ROADMAP};
                 var  map = new google.maps.Map(document.getElementById("map_canvas"),  settings);
            
 // Company marker starts here.  
            
                 var  companyImage = new  google.maps.MarkerImage('http://www.hostfier.com/c/images/logo.png',
                     new google.maps.Size(100,50),
                     new google.maps.Point(0,0),
                     new google.maps.Point(50,50)
                 );
 
                 var  companyShadow = new ...