使用 Leaflet Control Search 从地址获取并显示经纬度
Get and display lat long from address using Leaflet Control Search
我正在使用 leaflet.js 和这个插件:https://github.com/stefanocudini/leaflet-search 并且需要一种从地址搜索中获取纬度和经度坐标并将其放入输入字段的方法,或者只是能够使用它们...
答案很可能就在下面的代码中,只是不知道如何去做...
var geocoder = new google.maps.Geocoder();
function googleGeocoding(text, callResponse)
{
geocoder.geocode({address: text}, callResponse);
}
function filterJSONCall(rawjson)
{
var json = {},
key, loc, disp = [];
for(var i in rawjson)
{
key = rawjson[i].formatted_address;
loc = L.latLng( rawjson[i].geometry.location.lat(), rawjson[i].geometry.location.lng() );
json[ key ]= loc; //key,value format
}
return json;
}
map.addControl( new L.Control.Search({
callData: googleGeocoding,
filterJSON: filterJSONCall,
wrapper: 'findbox',
markerLocation: true,
autoType: false,
autoCollapse: true,
minLength: 5,
zoom: 10,
initial: true,
collapsed: false,
tipAutoSubmit: false,
autoResize: false,
text: 'Enter an Address'
}) );
在 leaflet-search.js 文件中,你有一个名为
的函数
_getLocation(this._input.value)
此功能returns您需要的信息。您可以看到它在 _handleSubmit 函数中被调用,如下所示:
var loc = this._getLocation(this._input.value);
如果你这样做:
console.log("Latitude: " + loc.lat);
console.log("Longitude: " + loc.lng);
在 leaflet-search.js 中调用此调用,您将在控制台中获得所需的信息。
我已经为您提供了您需要的信息,现在您可以随意使用它了。创建一个 public 函数,然后在您的代码或任何您想要的地方访问它。
var searchbox = new L.Control.Search({
callData: googleGeocoding,
filterJSON: filterJSONCall,
wrapper: 'findbox',
markerLocation: true,
autoType: false,
autoCollapse: true,
minLength: 5,
zoom: 10,
initial: true,
collapsed: false,
tipAutoSubmit: false,
autoResize: false,
text: 'Enter an Address'
});
searchbox.on('search_locationfound', function(e) {
var locLat = e.latlng.lat;
var locLng = e.latlng.lng;
console.log(locLat+', '+locLng);
});
这对我来说很好用。我希望我可以帮助其他人。 :)
我正在使用 leaflet.js 和这个插件:https://github.com/stefanocudini/leaflet-search 并且需要一种从地址搜索中获取纬度和经度坐标并将其放入输入字段的方法,或者只是能够使用它们...
答案很可能就在下面的代码中,只是不知道如何去做...
var geocoder = new google.maps.Geocoder();
function googleGeocoding(text, callResponse)
{
geocoder.geocode({address: text}, callResponse);
}
function filterJSONCall(rawjson)
{
var json = {},
key, loc, disp = [];
for(var i in rawjson)
{
key = rawjson[i].formatted_address;
loc = L.latLng( rawjson[i].geometry.location.lat(), rawjson[i].geometry.location.lng() );
json[ key ]= loc; //key,value format
}
return json;
}
map.addControl( new L.Control.Search({
callData: googleGeocoding,
filterJSON: filterJSONCall,
wrapper: 'findbox',
markerLocation: true,
autoType: false,
autoCollapse: true,
minLength: 5,
zoom: 10,
initial: true,
collapsed: false,
tipAutoSubmit: false,
autoResize: false,
text: 'Enter an Address'
}) );
在 leaflet-search.js 文件中,你有一个名为
的函数_getLocation(this._input.value)
此功能returns您需要的信息。您可以看到它在 _handleSubmit 函数中被调用,如下所示:
var loc = this._getLocation(this._input.value);
如果你这样做:
console.log("Latitude: " + loc.lat);
console.log("Longitude: " + loc.lng);
在 leaflet-search.js 中调用此调用,您将在控制台中获得所需的信息。
我已经为您提供了您需要的信息,现在您可以随意使用它了。创建一个 public 函数,然后在您的代码或任何您想要的地方访问它。
var searchbox = new L.Control.Search({
callData: googleGeocoding,
filterJSON: filterJSONCall,
wrapper: 'findbox',
markerLocation: true,
autoType: false,
autoCollapse: true,
minLength: 5,
zoom: 10,
initial: true,
collapsed: false,
tipAutoSubmit: false,
autoResize: false,
text: 'Enter an Address'
});
searchbox.on('search_locationfound', function(e) {
var locLat = e.latlng.lat;
var locLng = e.latlng.lng;
console.log(locLat+', '+locLng);
});
这对我来说很好用。我希望我可以帮助其他人。 :)