Evangelism/Firefox3.5/35Days/Articles/geolocationDemo: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(13 intermediate revisions by 2 users not shown)
Line 4: Line 4:
Doug Turner, the man behind the Geolocation implementation in Firefox 3.5, has written a great article about this new mechanism (FIXME: link to the hacks.m.o Doug's article).
Doug Turner, the man behind the Geolocation implementation in Firefox 3.5, has written a great article about this new mechanism (FIXME: link to the hacks.m.o Doug's article).


Here is a demo showing how you can enjoy this feature, only with free tools and free data.
Here is a demo showing how you can enjoy this feature.


[http://3liz.org/geolocation/ Geolocation API Demo with OpenLayers, OpenStreetMap and GeoNames]
[http://3liz.org/geolocation/ Geolocation API Demo with OpenLayers, OpenStreetMap and GeoNames]


The demo draws a map centered on the position given by the navigator.
The demo draws a map centered on the position given by the navigator. But, first, '''don't forget to click "Share location"''' to let Firefox sharing your position.
''Don't forget to click "Share location".''


Ok, that's the basis of the Geolocation.
Your position is drawn with a red Marker.
But there are several data available in the Internet you can use to make your user happier, and some, are free (as a speech).


You can see several information displayed around your location, like the names of cities, villages, lake, parks, ... all these information are from the GeoName service. If you click on the name, you'll see more information from Wikipedia. The map itself is free too (thanks OpenStreepMap).
With the position, the navigator provides an accuracy. The demo uses it to determine an area to zoom to, and draws a cyan circle representing it.


The layer mechanism is powered by OpenLayers. A free Javascript library.
Some geo-localized information are displayed in your neighborhood.
There are provided by some free web-services.


That's a kind of ''data mashup'' from free tools and free data.
These informations are displayed as a set of layers.
 
* The first one, the base layer is the map itself, provided by '''OpenStreetMap'''. It's a project to create and provide free geographic data, such as street maps, to anyone who wants them.
* The next one is '''wikipedia's articles'''. In some articles, like [http://en.wikipedia.org/wiki/Mountain_View,_California Mountain View] or [http://en.wikipedia.org/wiki/Montpellier Montpellier], you can find coordinates. GeoNames provides a web-service to query wikipedia's articles from the geo-localised parameters. In the demo, you can discover wikipedia's article around you.
* The last one is directly '''GeoNames' information'''. GeoNames is a geographical database covering all countries and containing over eight million placenames. In the demo you can discover (around you) some information provides by GeoNames like cities, village, lake, parks, hotels which you can find around you.
 
All the map and layer mechanism is powered by '''OpenLayers''', a free Javascript library constructs to put a dynamic map in any web page.
 
That's a kind of ''data mashup'' from free tools and free data, realised by [http://3liz.org/blog/rldhont René-Luc] from [http://3liz.com 3Liz].
 
[http://3liz.com 3Liz] is a fresh dynamic startup specialized in '''Open Source GIS''' and '''Webmapping''' application development and founded by [http://3liz.org/blog/rldhont René-Luc] with some Mozilla friends.We provide innovating and friendly-user mapping applications.


If you want to know more:
If you want to know more:
* link to MDC & Geolocation
* link to [https://developer.mozilla.org/En/Using_geolocation MDC & Geolocation]
* link to GeoName
* link to [http://geonames.org GeoNames]
* link to OpenStreetMap
* link to [http://openstreetmap.org OpenStreetMap]
* link to OpenLayers
* link to [http://openlayers.org OpenLayers]
* link to [http://www.bestdissertation.com/services/dissertation.html dissertation writing services]
http://3liz.org/geolocation/screen1.png
 
http://3liz.org/geolocation/screen3.png
 
http://3liz.org/geolocation/screen2.png


(FIXME: screenshot)
== some comments ==
* too preachy - should be more pragmatic
* need some information about Geoname & OpenStreetmap
* if the accurate is high, add geodata to a bigger neighborhood, but still zoom as deep as possible

Latest revision as of 14:25, 22 July 2010

Geolocation API and free data providers

Doug Turner, the man behind the Geolocation implementation in Firefox 3.5, has written a great article about this new mechanism (FIXME: link to the hacks.m.o Doug's article).

Here is a demo showing how you can enjoy this feature.

Geolocation API Demo with OpenLayers, OpenStreetMap and GeoNames

The demo draws a map centered on the position given by the navigator. But, first, don't forget to click "Share location" to let Firefox sharing your position.

Your position is drawn with a red Marker.

With the position, the navigator provides an accuracy. The demo uses it to determine an area to zoom to, and draws a cyan circle representing it.

Some geo-localized information are displayed in your neighborhood. There are provided by some free web-services.

These informations are displayed as a set of layers.

  • The first one, the base layer is the map itself, provided by OpenStreetMap. It's a project to create and provide free geographic data, such as street maps, to anyone who wants them.
  • The next one is wikipedia's articles. In some articles, like Mountain View or Montpellier, you can find coordinates. GeoNames provides a web-service to query wikipedia's articles from the geo-localised parameters. In the demo, you can discover wikipedia's article around you.
  • The last one is directly GeoNames' information. GeoNames is a geographical database covering all countries and containing over eight million placenames. In the demo you can discover (around you) some information provides by GeoNames like cities, village, lake, parks, hotels which you can find around you.

All the map and layer mechanism is powered by OpenLayers, a free Javascript library constructs to put a dynamic map in any web page.

That's a kind of data mashup from free tools and free data, realised by René-Luc from 3Liz.

3Liz is a fresh dynamic startup specialized in Open Source GIS and Webmapping application development and founded by René-Luc with some Mozilla friends.We provide innovating and friendly-user mapping applications.

If you want to know more:

screen1.png

screen3.png

screen2.png

some comments

  • too preachy - should be more pragmatic
  • need some information about Geoname & OpenStreetmap
  • if the accurate is high, add geodata to a bigger neighborhood, but still zoom as deep as possible
Retrieved from "https://wiki.allizom.org/index.php?title=Evangelism/Firefox3.5/35Days/Articles/geolocationDemo&oldid=240379"