Tutorials, scripts, templates and tips

With the relatively new 3.5+ release  comes a new Geolocation API that enables geographical positioning of the browser client. Positioning is done through an array of means:

“Common sources of location information include Global Positioning System (GPS) and location inferred from network signals such as IP address, RFID, WiFi and Bluetooth MAC addresses, and GSM/CDMA cell IDs”

This functionality was earlier available through 3rd part solutions such as Google Gears, but now it is natively supported in Firefox.

The key function is: navigator.geolocation.getCurrentPosition()
If you have Firefox 3.5+ you may test the Geolocation API here (please let me know if the result is correct).

Continue reading →

Popularity: 5% [?]

Sometimes when integrating a Google map on a site it is useful to give feedback to the user when hovering the mouse over a map marker. While not very difficult to achieve, it may not be completely straight forward to beginners, so I just wanted to post my solution here.

The trick is to add a listener when creating the markers, and then use getElementID to select the corresponding item in the document, identified by a uniqe ID.

(Java script)
var marker = new GMarker(point, customIcons[\"standard\"]);
GEvent.addListener(marker, \"mouseover\", function() {
marker.setImage(\"../images/marker_h.png\");
var listItem = document.getElementById(\"item-\" + j);
listItem.style.backgroundColor = \"#FFFA5E\";
});
GEvent.addListener(marker, \"mouseout\", function() {
marker.setImage(\"../images/marker.png\");
var listItem = document.getElementById(\"item-\" + j);
listItem.style.backgroundColor = \"#FFFFFF\";
});

Continue reading →

Popularity: 7% [?]