JavaScript
  Home arrow JavaScript arrow Using Polylines and Smart Markers with Yah...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Download TestComplete 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
JAVASCRIPT

Using Polylines and Smart Markers with Yahoo! Maps
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2008-04-29

    Table of Contents:
  • Using Polylines and Smart Markers with Yahoo! Maps
  • Review: adding basic markers to an existing map
  • Drawing polygonal lines (polylines)
  • Using smart markers with a selected Yahoo! Map

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    Iron Speed
     
    ADVERTISEMENT

    Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!

    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!

    More JavaScript Articles
    More By Alejandro Gervasio


       · This fifth chapter of this series demonstrates with several code samples, how to...
     

    JAVASCRIPT ARTICLES

    - A Closer Look at Smart Markers with Yahoo! M...
    - Using Polylines and Smart Markers with Yahoo...
    - Bulleted Menu of Links
    - Creating Click Loggers and Basic Markers wit...
    - Adding Pan Controls to Yahoo! Maps
    - Adding Zoom Controls to Yahoo! Maps
    - Working with Yahoo! Maps
    - Building Image Zooming Controls with the DOM...
    - Working with Multiple Graphics for a Zoom Ap...
    - Improving an Image Zooming Application with ...
    - Zooming in on Images with JavaScript
    - JavaScript Date Objects: Universal Coordinat...
    - Javascript Objects: More Date Methods
    - JavaScript Objects: Dates
    - JavaScript Objects: Finishing Strings

    Iron Speed





    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway