Friday, January 21, 2011

SEO friendly maps with jQuery

In my free time I am working on a social networking site for RC pilots. I have information pages for various RC airfields and I was looking for a good way to display a listing of the fields. Putting markers on an embedded google map is a great way to display this type of data to users. The method I have seen recommended for this is to make separate list and map views. I don't really think that is a great user experience though.

The main reason making two pages is suggested is that maps require many lines of code and JavaScript functions that will dilute your content. The solution I arrived at was to use as little javascript as possible to generate my map. I ended up accomplishing this by using javascript to parse the content of the page to generate the markers.

To be able to easily parse out the data I wanted to display on the map I ended up making my own microformat. I put a class of field on the div that contained each field I was showing on the page. In that div I put the content that I wanted to display in the information popup for each marker. Then in that div I put two spans that contained the latitude and longitude and gave them each a class. The results ended up looking like this:

Then I wrote some javascript to parse this microformat and generate markers for my map. I used jQuery selectors to select each field in the html. For each field the latitude, longitude, and html contents are selected. Then the add_marker method is called to setup the marker with that data. After the marker is created I hide the field div.

Users with javascript will see a map with a bunch of markers that have an information bubble when clicked on. Users that do not have javascript enabled will see a list of field information. The textual content is the same for both users, the users with javascript just get an improved experience.

JavaScript functions will really dilute your content. The codes you have provided are really helpful to prevent that from happening. I have to agree with you that he textual content is the same for both users, the users with javascript just get an improved experience.

I feel this is one of the so much vital information for me. And i am happy studying your article. However should observation on some general issues, The web site taste is ideal, the articles is actually great : D. Excellent activity, cheers.Affordable SEO Reseller Program

Hello Admin, thank you for the informative post. At Fita academy, we provide the best IT trainings for various courses. You can check our Fita Chennai review page to know more about our quality and standards.

Are you a internet site owner like plagiarism-checker.me and trying to ensure publishing precise content material for your website? You need a very good plagiarism checker for this cause. This sort of device can check your content material for plagiarism before you post it. To check your content, click Plagiarism Checker

Amazing Post on Seo with Jquery. I am glad to say i am giving SEO Training in Chennai in 100% real time practical for all the students. Our IICT Chromepet Reviews are given here hope to continue my service in better way with minimum cost.

What are the benefits of Solar project for 5000 School, GOP?Posted on March 24, 2016 by adminAn individual loves the surroundings and desires to conserve the type can make utilization of solar panels within their home. It really is very interesting point that you can do to save your earth’s nature. panel is the gadget which is used within absorbing the power from sunlight. Its functionality is to produce the heat as well as electricity. The solar panel can also be known through another title a PV cell. This really is made of numerous cells that are used to convert lighting from sunshine into the electrical power. The entire perform of the -panel is based on the sun. The actual solar panel was created by the technicians such a method that it is confronted towards the direct sun light. This device absorbs the sun and creates the heat and also electricity. The greater rays it is going to absorb, much more heat along with electricity it will eventually generate. These days the amounts of family in their home are using the actual solar panel. The folks living in Pakistan can use solar in pakistan easily with no extra costs.solar in pakistan

The term database involves a fairly large number of very different from each other tools for working with databases (individual programs and shared libraries). Since these come in various forms and types, from the second half of the 20th century was designed by a huge number of different databases, and other applications to work with the database.

dear,adminIf you want your website to meet with success online, invariably you have to select the best of best web designer. Here are the tips you can follow in selecting that web developer, who meets with your expectations.See more at:website design Boston

My Arcus offer java training with 100% placement. Our java training course that includes fundamentals and advance java training program with high priority jobs. java j2ee training with placement having more exposure in most of the industry nowadays in depth manner of java java training in chennai

After you realize that you need a professional webdesign company, what do you need to do next? How do you know if you are hiring one that will deliver the results you are seeking? Read this article for some helpful guidelines.see more details:web site design Massachusetts

Nice Post. Thanks for sharing. But I will share a helpful tips. We all want to get Google top ranking with our content/posts. But many time we are unable to get this. Do you know why? Google want Fresh and Unqiue content. But how you can understand my content is free and Unqiue. For this use Plagiarism Detector tools. But many of them don’t use Google. This is the first tool I am going to share which will use Google to get give that your content Unique or not. The big part is that this tools is free. So try this free Plagiarism Software and get first page rank easily.

Java is a platform independent general purpose computer programming language. This java can run on any virtual machine. James gosling is a developer of java at sun microsystem laboratory. It was origin by two programming language namely c and c++(c with classes). Thank you..!!Regards,JAVA Training in Chennai | JAVA Training

This is best PHP tutorial in youtube. you can learn full coding and also the best expamles in here. This the best of learning and earning ways of youtube. You can the full boston php tutorial. how to rank youtube videos fast

Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. seo packages in pakistan

Very Nice Blog I like the way you explained these things. I’ve been looking for ways to improve my website and overall rankings.I hope your future article will help me further.Take SEO Training in Chennai to mould yourself.