[GIS] Geocoding single address with Leaflet

geocodingleaflet

I'm trying to find a plug-in on leaflet in which the user will enter the address and the html (aka the plug-in) will geocode the location and will return a latitude and longitude. So I have try the Leaflet-Control Geocoder,but I am not able to the lat,long.

Does anyone have an example?

Best Answer

As per the Leaflet Control Geocoder plugin API documentation, you should:

Attach an event on the "markgeocode" event of the L.Control.geocoder object.
Read the event.geocode.center LatLng object that is passed to your event listener.

var geocoder = L.Control.geocoder()
.on('markgeocode', function(event) {
    var center = event.geocode.center;
    L.marker(center).addTo(map);
    map.setView(center, map.getZoom());
})
.addTo(map);

Demo: http://playground-leaflet.rhcloud.com/robi/1/edit?html,output

Related Solutions

[GIS] Geocoding Multiple Addresses using ArcGis JS API

Check out this answer also for some info What ArcGIS geoprocessing tools support exporting tabular data to CSV?

Once you have a locator service, locator.addressesToLocations(options) is the API call to the locator http://help.arcgis.com/en/webapi/javascript/arcgis/jsapi/locator.html . However, none of the Esri sample servers let you batch geocode. You would need to set this up on your own ArcGIS Server. If you have a paid ArcGIS Online account you could do it there also.

As far as returning a csv file, one solution is to create your own geoprocessing service that wraps geocoding and places the finished file in the public output directory for download. You can then send the app the url of the file for a user to download.

Alternately, you could use flex or silverlight to receive the locator response, parse the json and save a csv file locally.

//this locator address is what it would look like, but you can't batch geocode (see above)
//var locator = new esri.tasks.Locator("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Locators/ESRI_Geocode_USA/GeocodeServer");

var addresses = [{
  "OBJECTID": 0,
  "STREET": "440 Arguello Blvd",
  "ZONE": "94118"
}, {
  "OBJECTID": 1,
  "STREET": "100 Arguello Blvd",
  "ZONE": "94118"
}];

locator.outSpatialReference = map.spatialReference;

var options = {
  addresses: addresses
}

locator.addressesToLocations(options);

The addressesToLocations(options) will return an array of AddressCandidates. You can do whatever you like with them. You don't have to place on map. http://help.arcgis.com/en/webapi/javascript/arcgis/jsapi/addresscandidate.html

javascript – Comprehensive Guide to Mapbox Geocoding and Markers Implementation

Jonatas' answer works great. If you're using the goecode autocomplete, use the 'select' event instead of the 'found' event. Here is how I place a marker for the geocoded result:

    var geocoderControl = L.mapbox.geocoderControl('mapbox.places', {keepOpen: false, autocomplete: true});
    geocoderControl.addTo(map);


    geocoderControl.on('select', function(object){
       var coord = object.feature.geometry.coordinates;
       L.marker([coord[1], coord[0]]).addTo(map);
});

Best Answer

Related Solutions

[GIS] Geocoding Multiple Addresses using ArcGis JS API

javascript – Comprehensive Guide to Mapbox Geocoding and Markers Implementation

Related Question