Home arrow JavaScript arrow Using Polylines and Smart Markers with Yahoo! Maps
JAVASCRIPT

Using Polylines and Smart Markers with Yahoo! Maps


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.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 5
April 29, 2008
TABLE OF CONTENTS:
  1. · Using Polylines and Smart Markers with Yahoo! Maps
  2. · Review: adding basic markers to an existing map
  3. · Drawing polygonal lines (polylines)
  4. · Using smart markers with a selected Yahoo! Map

print this article
SEARCH DEVARTICLES

Using Polylines and Smart Markers with Yahoo! Maps
(Page 1 of 4 )

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!


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials