k4r573n/leaflet-control-osm-geocoder

Leaflet Control OSM Geocoder

What is it ?

A simple geocoder that uses the OpenstreetMap gecoder Nominatim to locate places.

try this demo

How to use it ?

var cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
    cloudmade = new L.TileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {attribution: cloudmadeAttribution});

var map = new L.Map('map').addLayer(cloudmade).setView(new L.LatLng(48.5, 2.5), 15);

var osmGeocoder = new L.Control.OSMGeocoder();

map.addControl(osmGeocoder);

What are the options ?

You can specify an options object as an argument of L.Control.OSMGeocoder.

var options = {
    collapsed: true, /* Whether its collapsed or not */
    position: 'topright', /* The position of the control */
    text: 'Locate', /* The text of the submit button */
    placeholder: '', /* The text of the search input placeholder */
    bounds: null, /* a L.LatLngBounds object to limit the results to */
    email: null, /* an email string with a contact to provide to Nominatim. Useful if you are doing lots of queries */
    callback: function (results) {
			var bbox = results[0].boundingbox,
				first = new L.LatLng(bbox[0], bbox[2]),
				second = new L.LatLng(bbox[1], bbox[3]),
				bounds = new L.LatLngBounds([first, second]);
			this._map.fitBounds(bounds);
    }
};

Credits

A big thanks to all Contributors especially Sa3m and his Bing Geocoder which is the base of this code.

leaflet-control-osm-geocoder's Issues

location.protocol

I change Control.OSMGeocoder.js line 174 to make it work when accessing html file directly

                var protocol = (location.protocol == 'file:')?'http:':location.protocol;

is it okay?

enhancement: add missing License information

Nice work!

I'm assuming the same license of sa3m/leaflet-control-bing-geocoder applies?

https://github.com/sa3m/leaflet-control-bing-geocoder/blob/master/LICENSE

enhancement: drop marker at geocoded location

I'm working on a project where users will want to compare their address against a polygon layer. Once they find their address, they'll want to zoom out and pan to look at the polygon boundaries. How hard would it be to drop a pin at the location returned by the geocoder?

Add to CDN Service

Any chance we can get this library added to a CDN service?

Add possibility to put search form into separated container

I'd like to put the form not as Leaflet Control, but to some div outside of the map. "container" option would be useful here

Control.OSMGeocoder.js

Using QGIS2Web to generate leaflet maps from QGIS. Within the last 2 weeks the maps stopped displaying, they will load but nothing will show. I have leaflet installed locally and those controls that QGIS2Web reference off site all seems to be working except http://k4r573n.github.io/leaflet-control-osm-geocoder/Control.OSMGeocoder.js which returns a page not found. Has this gone offline?

[enhancement] Add missing bower.json.

Hey, maintainer(s) of k4r573n/leaflet-control-osm-geocoder!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library k4r573n/leaflet-control-osm-geocoder is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "k4r573n/leaflet-control-osm-geocoder",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!