Need help! Google API Maps programming

[Chacala_Nayarit]

I am doing this: link

I have having a bitch of a time with the JavaScript thingy.

What I want is to zone in on the address of the store, like on Google Maps front page.

Anybody know how to do this?

 

[mnkeybsness]

Not sure what you mean by "zone in", but if I may, I'd like to recommend a few things.

First, set a variable for a marker to where you are pointing, not just an info window:

var position = new GLatLng(47.171, -122.517);

Then, use a tabbed window for information. One tab for the address, another tab for a form to get directions from google maps:

var infoTabs = [
	  new GInfoWindowTab("Address", '<h2>Rainier Lighting and Electric Supply</h2><address>ADDRESS<br />CITY, STATE ZIP</address>'),
	  new GInfoWindowTab("Directions", '<form target="_blank" action="http://maps.google.com/maps" method="get"><fieldset><legend>Directions from Your Address</legend><input type="hidden" name="daddr" value="RAINIER SUPPLY ADDRESS" id="daddr" /><label for="saddr">Address:</label> <input type="text" name="saddr" value="" id="saddr" /><br /><input type="submit" name="submit" value="Get Directions" id="submit" /></fieldset></form>')
];

Then, tell GMaps to draw it:

var marker = new GMarker(position);
GEvent.addListener(marker, "click", function() {
 marker.openInfoWindowTabsHtml(infoTabs);
});
map.addOverlay(marker);
marker.openInfoWindowTabsHtml(infoTabs);

 

[Chacala_Nayarit]

Thank you Paul! I decided to include a window with the address and "exact" GPS lacation - well, actually across the street. I added directions below the map.

http://rainiersupply.com/map.html

 

[Josh]

While the actual Google API is much more useful for custom jobs, you might want to check out GoogleMapsEZ which will help you do neat things with Google maps on your site very easily.