我想将Google Places API的经度/纬度结果传递给我的MVC应用程序操作路线值。我不确定如何获取路由值或将javascript返回html值。马上
var result = autocomplete.getPlace();
返回一个未定义的值。因此,即使地点的自动填充功能正常,它甚至看起来也不起作用。
var input = document.getElementById('location');
var options = {
types: ['(cities)'],
componentRestrictions: { country: "us" }
};
var autocomplete = new google.maps.places.Autocomplete(input, options);
var t = 2;
var result = autocomplete.getPlace(); //result is undefined
var i = 1;
//var lat = result.geometry.location.lat;
//var lon = result.geometry.location.lon;
这是我的表单,其中具有输入框和脚本标记,可以在其中找到位置。我正在尝试将lon/lat值设为路线值5,6
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js? v=3.exp&sensor=false&libraries=places"></script>
@{
var routeValues = new RouteValueDictionary();
routeValues.Add("Longitude", "5");
routeValues.Add("Latitude", "6");
}
@using (Html.BeginForm("Results", "Home", routeValues, FormMethod.Post))
{
<p>
<input type="text" name="location" id="location" placeholder="Search For A Studio" />
</p>
<p>
<input class="btn btn-primary btn-lg" value='Submit' type="submit"/>
</p>
}
这是我在 Controller 中的 Action
public ActionResult Results(string longitude, string latitude)
{
var repo = new YogaSpaceRepository();
/// 1000 Ocean Ave
DbGeography myLocation = DbGeography.FromText("POINT(-122.453164 37.723057)");
IQueryable<YogaSpace> spaces = repo.AllWithinDistance(myLocation);
return View(spaces);
}
*更新-我可以获取autocomplete.getPlace()返回数据。我必须将其放入我的提交按钮中的onclick事件的javascript函数中。希望这是最好的方法!
但是我似乎无法从中获取位置(经度/纬度)数据。
这就是我所拥有的,但是经/纬度似乎没有我想要的东西,或者我不知道如何从这两个变量中提取坐标。
var input = document.getElementById('location');
var options = {
types: ['(cities)'],
componentRestrictions: { country: "us" }
};
var autocomplete = new google.maps.places.Autocomplete(input, options);
function getGeometry() {
var place = autocomplete.getPlace();
var lat = place.geometry.location.lat;
var lon = place.geometry.location.lon;
}
最佳答案
您可以通过以下方式从geometry.location对象获取纬度和经度:
place.geometry.location.lat()
place.geometry.location.lng()