Example 24 - Headless Mode

Did you ever think it was soo cool the way the overview map control only showed the user controls when the mouse was inside it? Well now you can do that with your whole Google Map, using the new headless mode.

To use headless mode, simply set the headless attribute of your map to true. Then your user controls will be hidden until the cursor enters the map area. That's all there is to it.

Here's the code we used:

<googlemaps:map id="map" width="780" height="300" version="2" type="STREET" headless="true">
  	<googlemaps:key domain="www.lamatek.com" key="Axxxxx"/>
  	<googlemaps:point id="point1" address="74 Connors Lane" city="Elkton" state="MD" 
  		zipcode="21921" country="US"/>
  	<googlemaps:typeControl enable="true"/>
	<googlemaps:zoomControl enable="true" size="large"/>
  	<googlemaps:scaleControl enable="true"/>
  	<googlemaps:panControl enable="true"/>
  	<googlemaps:overviewControl height="200" width="200" x="605" y="279"/>
</googlemaps:map>  
  

Headless mode is only available on version 2 maps (version 2.45 or later).

Our next example demonstrates the ability to limit permissible zoom levels.