Using Polylines and Smart Markers with Yahoo! Maps
(Page 1 of 4 )
Welcome to the fifth part of the series “Working with Yahoo! Maps.” This series teaches you how to implement the most useful features that come packaged with the Yahoo! Maps Ajax framework. It will permit you to include powerful, highly interactive maps into your own website by using a combination of basic structural markup and a few lines of JavaScript code.
Ajax-based mapping applications have become very popular with both web surfers and developers these days. And two big players with a lot of experience in web searching services, Yahoo! and Google, continue adding more and more features to their respective search map frameworks to make them more appealing to potential customers. You can take advantage of their competition and start learning the basics of how to use the Yahoo mapping framework. All you have to do is begin reading this article series now!
Now that you're well aware of the subject of this series, I'm going to spend some time refreshing the themes that I discussed in the last tutorial. Throughout the course of the preceding article, I demonstrated how to incorporate an efficient mouse click logger into an existing Yahoo! Map to provide it with the ability to detect the respective X,Y coordinates of a determined mouse click. Then, these coordinates were properly translated to the corresponding latitude/longitude values and displayed on the map via a simple Yahoo-proprietary logging box.
In this case, the reason for implementing this click detection mechanism was simply to build an effective client-side application that was able to add different basic markers to a given Yahoo! map, when the map in question was clicked on. Now, are those topics ringing any bells? I bet they are!
Nonetheless, at this point I already showed you how to incorporate different useful elements into an existing map, such as zoom and pan controls, and the basic markers that I mentioned before. The truth is that the Yahoo! Map Ajax framework has been packaged with some other interesting features that deserve a closer analysis.
So, assuming that you might be interested in learning these additional features, in this fifth chapter of this series I'm going to show you how to draw some simple polygonal lines in a selected map, or, speaking in Yahoo! jargon, "polylines."
Having introduced the main goal of this tutorial, let's move forward and start learning the key concepts surrounding the use of polygonal lines with Yahoo! Maps. Fun is already guaranteed, believe me!
Next: Review: adding basic markers to an existing map >>
More JavaScript Articles
More By Alejandro Gervasio
