The incorporation of Ajax-based geographical mapping applications, like the popular Yahoo! Maps, into an existing website can help to increase the number of potential visitors. So, if you're a web developer who wants to boost your web site's traffic by working with this powerful Yahoo! Ajax framework, or if you simply want to expand your skills in using its main features, then this series of articles might be what you're looking for.
A Closer Look at Smart Markers with Yahoo! Maps - Dropping smart markers in a regional Yahoo! Map (Page 3 of 4 )
Undoubtedly, the use of smart markers with different types of Yahoo! Maps is a straightforward process that can be tackled with minor problems. A solid demonstration of this concept is the example that you saw in the previous section, which showed how to include these markers in a satellite map.
Based on the same approach used in the cited example, I’m going to teach you how to incorporate a few smart markers into a regional map. Given that, the code sample that implements this procedure is listed below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example on using smart markers with a regional YAHOO! Map</title>
If you found it easy to work with smart markers in conjunction with a satellite Yahoo! Map, then it’s quite possible that you find the above example even simpler to grasp and code. As you can see, I used the same click logger discussed earlier to display the corresponding smart markers on a regional map.
Again, I’d like to highlight the most important feature offered by this kind of marker, and that is its ability to incorporate additional markup within its own structure. This is something that can be really useful for improving its visual appearance.
And finally, to complement the prior hands-on example, below I included an illustrative image that shows a few smart markers being dropped in the pertinent map. Here’s how the image in question looks:
Not too hard to understand, right? As you can see in the above image, smart markers are powerful elements that can be used to highlight different geographical points within a given map. They’re also completely customizable.
Now that you've learned how to display some smart markers on a regional map, it’s time to move forward and create a concluding hands-on example aimed at demonstrating how to include the markers in question into a hybrid map. That will complete this overview of this useful Yahoo! Ajax framework.
To learn the details of how this example will be built, you’ll have to read the last section of this tutorial. It’s only one click away.