27.10.2014 Views

Google Maps API 3

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

■ CONTENTS<br />

Faking an Ajax Call .............................................................................................................................124<br />

The Complete Code ............................................................................................................................126<br />

Benefits ..............................................................................................................................................128<br />

Creating a Custom Marker Icon ...................................................................................128<br />

Online Tools........................................................................................................................................128<br />

Summary .....................................................................................................................129<br />

■ Chapter 7: InfoWindow Tips and Tricks ...........................................................131<br />

Setting a Starting Point................................................................................................131<br />

Style Sheet .........................................................................................................................................132<br />

JavaScript...........................................................................................................................................133<br />

Adding Rich Content to the InfoWindow ......................................................................133<br />

Providing the HTML As a String..........................................................................................................134<br />

The Complete Code ............................................................................................................................137<br />

Inserting a Video Using HTML5....................................................................................139<br />

Browser Support.................................................................................................................................139<br />

Altering the HTML...............................................................................................................................140<br />

Examining the Element ........................................................................................................140<br />

The Example .......................................................................................................................................141<br />

The Complete Code for Adding a Video to an InfoWindow .................................................................145<br />

Creating a Detail Map ..................................................................................................146<br />

Creating the InfoWindow ....................................................................................................................148<br />

The Complete Code ............................................................................................................................149<br />

Creating a Zoom-In Link ..............................................................................................150<br />

Adding the Event Handler ...................................................................................................................151<br />

Opening the InfoWindow ....................................................................................................................153<br />

The Complete Code ............................................................................................................................154<br />

Further Refinements...........................................................................................................................155<br />

Summary .....................................................................................................................155<br />

ix

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!