June 2nd, 2009
This article explains how to dynamically toggle the visibility of markers in Google Maps as well as how to deal with an annoying bug that occurs when trying to do this while using an utility library, like the MarkerManager.
Read the rest of this post »
Published in Tutorials | 3 comments »
March 8th, 2009
In circumstances where you want to notify the user of something, like for example that some information have been saved, a non-modal alert is an excellent solution. It gets your message across without being intrusive and without the need for uneccesary user interaction.
In this article I will describe how to create it with the [...]
Read the rest of this post »
Published in Tutorials | 2 comments »
February 26th, 2009
For a project I’m currently working on I wanted to create a submenu that included the parent page as well as the supbages. I just wanted to display the submenu only if the parent page had subpages. Searching the Wordpress Codex and googling for a solution I couldn’t quite find an example that took all [...]
Read the rest of this post »
Published in Tutorials | 30 comments »
February 5th, 2009
Having Info Windows in a Google Maps is a powerful way of displaying information about a specific point or object. Did you know that there are several kinds of them?
In this article I will show you how to add different kinds of Info Windows that appear when you click on a marker.
Read the rest of this post »
Published in Tutorials | 33 comments »
January 13th, 2009
To use markers in Google Maps is fairly trivial, at least when you have a reasonable amount of them. But once you have more than a few hundred of them, performance quickly starts to degrade. In this article I will show you a few approaches to speed up performance. I’ve also put together a test [...]
Read the rest of this post »
Published in Tutorials | 56 comments »
December 16th, 2008
Markers is one of the core features in Google Maps and an effective way of displaying places on a map. In this article I will show you how to add a basic marker to a map and also how to add some interactivity to it.
Read the rest of this post »
Published in Tutorials | 7 comments »
December 12th, 2008
When developing web applications we can never be sure what the environment for the user is. He could for example use our application from a mobile device with a browser with limited Javascript support. Like Roger Johansson pointed out in Making Google Maps more accessible, we must prevent our applications from breaking under these circumstances [...]
Read the rest of this post »
Published in Tutorials | 3 comments »
December 8th, 2008
Google Static Maps API is an easy way to provide a map when the user doesn’t have Javascript available. Sure it’s not near as powerful as the full Google Maps API but still, it can provide you with a basic map that can contain both markers and paths.
Read the rest of this post »
Published in Tutorials | 6 comments »
November 21st, 2008
After writing my first article on the subject, Ultimate Site Logo, I’ve come up with two significant enhancements.. With the original solution, there were two major flaws. The first one was a semantic one and the other one a more obvious and technical one.
This time around I think I’ve got all the details right. Well, [...]
Read the rest of this post »
Published in Tutorials | 2 comments »
November 16th, 2008
A few month ago I posted about a demo where I used content marked up with Microformats to populate a Google map using Javascript. Well, now I’ve improved that demo somewhat.
Read the rest of this post »
Published in Tutorials | 3 comments »
November 6th, 2008
In part 1 I showed how to use and optimize performance on polylines in Google Maps using Javascript. In this article I will show you how to get even better performance by encoding the polylines on the server.
Read the rest of this post »
Published in Tutorials | 34 comments »
November 2nd, 2008
Normally when you initialize a new Google map you set the coordinates for the center of the map and manually specifies the initial zoom level. Sometimes, however, there’s a need to dynamically calculate the center point and zoom level for certain content to fit into the viewport.
Read the rest of this post »
Published in Tutorials | 13 comments »
October 28th, 2008
Polylines are used to mark out roads, borders and other things that are made of lines in maps. The Google Maps API offers a class for drawing these lines on a Google Map called GPolyline. In this article I will show you how to use these and how to deal with potential performance issues when [...]
Read the rest of this post »
Published in Tutorials | 17 comments »
October 22nd, 2008
In the AJAX community, JSON have become the preferred way of sending and receiving data. That’s not surprising since it’s lightweight, fast and easy to understand. Also, since it’s a subset of Javascript, it’s familiar territory for Javascript coders.
In the ASP.NET MVC Framework, passing JSON from the server to the client script is almost too [...]
Read the rest of this post »
Published in Tutorials | 3 comments »
October 15th, 2008
I’m currently developing a web application that uses Google Maps and have lots of markers with custom icons to mark different things on the map. To administer all these different icons is quite a chore and it took me some time to find an effective way of working with them.
Read the rest of this post »
Published in Tutorials | 6 comments »
October 3rd, 2008
I’ve had a little trouble finding out how to use User Controls in the ASP.NET MVC Framework and how to pass data to it. I haven’t been able to find a single article that clearly explains how to do this, so I thought I’ll do a little write up on the topic.
Read the rest of this post »
Published in Tutorials | 6 comments »
September 1st, 2008
Imagemaps was very popular in the early days of webdesign but seem to have fallen out of grace. Probably due to accessibility problems and the rise of CSS based designs. I think that it still has it’s place when used properly and one being aware of it’s potential accessibility problems.
In a recent project I was [...]
Read the rest of this post »
Published in Tutorials | 16 comments »
August 21st, 2008
I’ve started working with the Javascript framework jQuery lately and I must say that I find it very enjoyable! I have previously mostly used Prototype and DOMAssistant, and although they excel in some areas I somehow find jQuery more fun to code with.
Here’s a simple tip on how to loop through elements with jQuery that [...]
Read the rest of this post »
Published in Tutorials | 5 comments »
June 25th, 2008
To have a good site logo is important. It’s one of the things that distinguish your web site from everybody else’s. It’s also a design element that exists on all pages within your site. Naturally you want it to be good looking, but at the same time it needs to be accessible and also search [...]
Read the rest of this post »
Published in Tutorials | 4 comments »
June 9th, 2008
If you’re building web sites you probably mark up contact information every now and then. Why not do it in a standardized ways so that you are able to quickly mark it up, style it and enhance it with microformats at the same time? The way to do this is by using hCard, a microformat for marking up contact information.
This article will not only show you why you should do this, but also exactly how!
Read the rest of this post »
Published in Tutorials | No comments »
May 24th, 2008
Inspired by an article I’ve read on 24-ways I’ve built a demo-page for using content marked up with microformats to populate a Google Map.
Unfortunately the demo is in Swedish, but I think those of you who doesn’t speak Swedish can easily understand it anyway.
The main concept is to use a list of folksong festivals in [...]
Read the rest of this post »
Published in Tutorials | 6 comments »