|
|
|
|
|
|
|
Example 2
Here we've added a clickable infowindow to the marker. Go ahead and click on it...
Here's the code we used (changes & additions are highlighted):
<googlemaps:map id="map" width="250" height="300" version="2" type="STREET"
zoom="12">
<googlemaps:key domain="localhost" key="xxxx"/>
<googlemaps:point id="point1" address="74 Connors Lane" city="Elkton"
state="MD" zipcode="21921" country="US"/>
<googlemaps:marker id="marker1" point="point1">
<googlemaps:infowindow display="false">
74 Connor Lane<br/>Elkton, MD
</googlemaps:infowindow>
</googlemaps:marker>
</googlemaps:map>
This infowindow could include more useful information like a form that has prepopulated fields (for example to be used
in a rental properties website).
Not that this isn't cool, but let's add some user interaction controls.
In example 3, we'll add user controls to allow panning, zooming and map type changing. Plus we'll
hook in the mousewheel zoom control.
|
|
|
|
|
|
|
|
|
|
Google™ and the GoogleMaps API are copyright of Google.
|
