adding business bubble to my custom google map
<p>I have a custom google map with custom marker on a website I am developing. Currently the marker has a tool tip type pop up but I want this to be the full business bubble with name, link and photo etc.. that appear son the regular google maps. The client has his business bubble appearing correctly in the normal google page.</p>

<p>Can anyone help please?</p>

<p>This is the address of the working business 'bubble' on normal google maps site:</p>

<p><a href="http://maps.google.co.uk/maps?q=Vada+Media+-+The+Skiff,+6+Gloucester+Street,+Brighton,+BN1+4EW&amp;hl=en&amp;ll=50.826935,-0.136449&amp;spn=0.011033,0.025041&amp;sll=53.800651,-4.064941&amp;sspn=16.418835,30.234375&amp;vpsrc=1&amp;hq=Vada+Media+-+The+Skiff,&amp;hnear=6-7+Gloucester+St,+Brighton+BN1+4EW,+United+Kingdom&amp;t=m&amp;z=16&amp;iwloc=A" rel="nofollow">http://maps.google.co.uk/maps?q=Vada+Media+-+The+Skiff,+6+Gloucester+Street,+Brighton,+BN1+4EW&amp;hl=en&amp;ll=50.826935,-0.136449&amp;spn=0.011033,0.025041&amp;sll=53.800651,-4.064941&amp;sspn=16.418835,30.234375&amp;vpsrc=1&amp;hq=Vada+Media+-+The+Skiff,&amp;hnear=6-7+Gloucester+St,+Brighton+BN1+4EW,+United+Kingdom&amp;t=m&amp;z=16&amp;iwloc=A</a></p>

<p>Code below:</p>

<pre><code>&lt;script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAytt23qowVhFZAIunBd74JXx6LmURDnD0&amp;sensor=true"&gt;
&lt;/script&gt;


&lt;script type="text/javascript"&gt;
  function initialize() {

  // Create an array of styles.
  var greyMapStyles = [
    {
      featureType: "all",
      stylers: [
        { saturation: -80 }
  ]
},
{
  featureType: "all",
  stylers: [
    { hue: "#ff0023" },
    { saturation: -100 }
  ]
}
  ];

  // Create a new StyledMapType object, passing it the array of styles,
  // as well as the name to be displayed on the map type control.
  var greyMapType = new google.maps.StyledMapType(greyMapStyles,
{name: "Grey Map"});

  // Create a map object, and include the MapTypeId to add
  // to the map type control.
      var mapOptions = {
    zoom: 16,
    center: new google.maps.LatLng(50.826910965853585, -0.13648152351379395),
disableDefaultUI: true,
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'grey_map']
}
      };
      var map = new google.maps.Map(document.getElementById('map_canvas'),
    mapOptions);

var myLatlng = new google.maps.LatLng(50.826910965853585, -0.13648152351379395);
  var myOptions = {
zoom: 16,
center: myLatlng,
disableDefaultUI: true,
   mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'grey_map']
  }
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

      var marker = new google.maps.Marker({
  position: myLatlng,
  map: map,
  title:"Vada Media - The Skiff, 6 Gloucester Street, Brighton, BN1 4EW",
  icon:"http://c2946873.myzen.co.uk/dev/images/purple_MarkerA.png"
  });




  //Associate the styled map with the MapTypeId and set it to display.
  map.mapTypes.set('grey_map', greyMapType);
   map.setMapTypeId('grey_map');
}



&lt;/script&gt;
</code></pre>
