|
|
|
|
|
|
|
Example 3
Okay, now we're getting somewhere. You can now move around the map, zoom in and out, and change the map
style to satellite or hybrid. Notice that we had to change the version number to 1 to accept the mousewheel control.
Here's the code we used (changes & additions are highlighted):
<googlemaps:map id="map" width="250" height="300" version="1" 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:panControl enable="true"/>
<googlemaps:typeControl enable="true"/>
<googlemaps:zoomControl enable="true" size="large"/>
<googlemaps:wheelControl enable="true"/>
</googlemaps:map>
Okay, that's the basics of a map. Now we'll get a little jiggy wit' it by learning to use the layers.
In example 4, we'll add a 10 mile radius circle around the marker.
|
|
|
|
|
|
|
|
|
|
Google™ and the GoogleMaps API are copyright of Google.
|