title: Binding Google Maps API to existing business on Google
body: <p>I used to use an iFrame to embed a Google Map in a web page, but have recently switched to the JavaScript API to give myself more flexibility.</p>
  
  <p>I am loading the map using the co-ordinates, which is working relatively well.</p>
  
  <p>However, when I view a business on Google maps or in an iFrame for that matter, I can see the business I'm trying to focus on, highlighted in red:</p>
  
  <p><img src="https://i.stack.imgur.com/ciz6l.png" alt="enter image description here"></p>
  
  <p>But I can't seem to achieve this with the API -- which sometimes doesn't show the business name at all, let alone highlight it red. I've used DHL as an example here.</p>
  
  <p><img src="https://i.stack.imgur.com/l89DW.png" alt="enter image description here"></p>
  
  <p>How can I 'bind' the map to a business location using the JS API?</p>
  
  <p>My current script looks much like the one provided by the Google walkthrough pages:</p>
  
  <pre><code>function initialize() {
      var longLat = { lat: 52.8004265, lng: -1.6334708},
          mapOptions = {
            center: longLat,
            zoom: 18,
            scrollwheel: false,
          };
      var map = new google.maps.Map(
          document.getElementById('map-canvas'),
          mapOptions
      );
      var marker = new google.maps.Marker({
          position: longLat,
          map: map,
          title:"DHL"
      });
  }
  google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>