I have seen many patches to get the proximity filter working from a users IP address, however I haven't seen any issues suggesting using the excellent new HTML5 Geolocation feature.

http://html5demos.com/geo

Basically any HTML5 compatible browser can send a users exact Long / Lat with just a simple request to the user.
It works especially well for GPS enabled smart phones.

Imagine creating a view for Iphone / Android visitors that showed their nearest restaurant etc.
Or for desktop users, no need to manually type their postcode into the search filter.

I'm happy to get working on this patch, but wanted to check first that no one else was working on it, or has a solution.

I think best way to implement it would be as a new drop down in the location-views distance proximity filter. Named "User location from HTML5 GeoLocation".
With maybe some fall back for users with older browsers.

Your thoughts and comments please.

CommentFileSizeAuthor
#13 location-html5-geolocation-proximity-filter-1126894-13.patch3.58 KBdnotes

Comments

medden’s picture

medden commented

This html document shows just how simple it is to get the lang and long values from a visitors browser.
I believe Drupal.Org uses this approach already on it's user profile pages.

Would be really good to have it baked into the location module.

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 geolocation</title>
</head>
<body>
      <p>Your location is: 
	  <span id="status">checking...</span></p>
<script>
function success(position) {
  var s = document.querySelector('#status');
  
  if (s.className == 'success') {
    return;
  }
  s.innerHTML = "  Lat: " + position.coords.latitude + " |   Long: " + position.coords.longitude;
  s.className = 'success';
}

function error(msg) {
  var s = document.querySelector('#status');
  s.innerHTML = typeof msg == 'string' ? msg : "failed";
  s.className = 'fail';
}

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(success, error);
} else {
  error('not supported');
}

</script>
</body>
</html>
Anonymous’s picture

Anonymous (not verified) commented
Component: Miscellaneous » Code
Issue tags: +location, +views, +html5, +geolocation, +geo

+1

hoomanb’s picture

hoomanb commented

+1

gamelodge’s picture

gamelodge commented

http://drupal.org/node/820116

jucado’s picture

jucado commented

+1

bsandor’s picture

bsandor commented

Subscribe

liminu’s picture

liminu commented

Subscribe, some news?

chrylarson’s picture

chrylarson commented

+1

poli’s picture

poli commented

+1

davycw’s picture

davycw commented

You could try using the HTML5 geolocation widget from Geofield http://drupal.org/project/geofield and OpenLayers Proximity D7 sandbox https://github.com/jpstrikesback/proximity.

d3vo’s picture

d3vo commented

I can get both modules working great. Not sure how to combine both to populate the proximity filter. Could you explain how it would even be possible to use the 2 modules to make this happen? Thanks

Stomper’s picture

Stomper commented

Does this mean we can capitalize on the GPS on a mobile device for geolocation too?

dnotes’s picture

dnotes commented
Version: 6.x-3.x-dev » 7.x-3.0-alpha9
Status: Active » Needs review
StatusFileSize
new location-html5-geolocation-proximity-filter-1126894-13.patch3.58 KB

Attached patch provides support for geolocation through the smart_ip module, which handles geolocation through html5 along with several other methods. I had been using geoip module before (I provided the patch for #820116: Proximity filter - Searching near a visitor's ip address, using the geoip api module) but I think this is a much better way to go. In fact, if you wanted to get rid of geoip module support at this point, I think it would be fine since smart_ip has much more traction, but I left it in there for this patch anyhow.

One important note related to this thread in particular: in order to use html5 geolocation, you must enable not only the smart_ip module but also the device_geolocation module that is included with it.

podarok’s picture

podarok
🇺🇦 he/him/his
Primary language Ukrainian
Location Ukraine
commented
Version: 7.x-3.0-alpha9 » 7.x-3.x-dev
Category: feature » task
Priority: Normal » Critical
Status: Needs review » Needs work
Issue tags: -location, -views, -html5, -geolocation, -geo +Needs tests

Nice addition #13
commited pushed to 7.x-3.x
Thanks!!
I`ll glad to see here a test coverage for Your work with feature testing for release and support stability in feature
For this look at *.test files at tests directory for examples