Javascript 从谷歌地图api获取纬度和经度

Javascript 从谷歌地图api获取纬度和经度,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我有一个自动完成的表单,它允许我使用Google maps API和他们的places库获取一个机构的地址和名称 我希望能够从我搜索的地方获得lat和lng值: 目前,我在代码中找到了这些值,但由于与文档中的详细信息不同,我不知道如何获取这些值,或者它们是否每次都是精确的(对于我所做的~20次尝试,它们都是正确的) 正如你所看到的,我从“lat”部分得到了lat和lng,我可以从“lng”部分得到完全相同的信息 这是我的密码: 函数initAutocomplete(){ var input=

我有一个自动完成的表单,它允许我使用Google maps API和他们的places库获取一个机构的地址和名称

我希望能够从我搜索的地方获得lat和lng值:

目前,我在代码中找到了这些值,但由于与文档中的详细信息不同,我不知道如何获取这些值,或者它们是否每次都是精确的(对于我所做的~20次尝试,它们都是正确的)

正如你所看到的,我从“lat”部分得到了lat和lng,我可以从“lng”部分得到完全相同的信息

这是我的密码:

函数initAutocomplete(){
var input=document.getElementById('autocomplete');
变量选项={
类型:['geocode','Estation']
};
autocomplete=newgoogle.maps.places.autocomplete(输入,选项);
autocomplete.addListener('place\u changed',fillInAddress);
};
函数fillInAddress(){
//从自动完成对象获取位置详细信息。
var place=autocomplete.getPlace();
控制台日志(位置);
for(componentForm中的var组件){
document.getElementById(组件).value='';
document.getElementById(组件).disabled=false;
}
document.getElementById(“业务”).value=place.name;
document.getElementById(“业务”).disabled=false;
//从place details中获取地址的每个组件
//并在表单上填写相应的字段。
对于(变量i=0;i
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}
#位置字段,
#控制{
位置:相对位置;
宽度:480px;
}
#自动完成{
位置:绝对位置;
顶部:0px;
左:0px;
宽度:99%;
}
.标签{
文本对齐:右对齐;
字体大小:粗体;
宽度:100px;
颜色:303030;
}
#地址{
边框:1px实心#000090;
背景色:#f0ff;
宽度:480px;
右侧填充:2px;
}
#地址:td{
字号:10pt;
}
.场{
宽度:99%;
}
斯莱姆菲尔德先生{
宽度:80px;
}
.威德菲尔德{
宽度:200px;
}
#位置场{
高度:20px;
边缘底部:2px;
}
/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高:100%;
}
/*可选:使示例页面填充窗口*/
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#浮动面板{
位置:绝对位置;
顶部:10px;
左:25%;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
文本对齐:居中;
字体系列:“机器人”,“无衬线”;
线高:30px;
左侧填充:10px;
}
#帕诺{
宽度:50%;
身高:100%;
浮动:左;
}
#浮动面板{
宽度:45%;
身高:100%;
浮动:对;
文本对齐:左对齐;
溢出:自动;
位置:静态;
边框:0px实心#999;
}

烙印
位置
城市
陈述
数
国家
液化天然气
拉特

您只需要使用文档化的方法来获取纬度和经度数据:

document.getElementById("lat").value = place.geometry.location.lat();
document.getElementById("lng").value = place.geometry.location.lng();
函数initAutocomplete(){
var input=document.getElementById('autocomplete');
变量选项={
类型:['geocode','Estation']
};
autocomplete=newgoogle.maps.places.autocomplete(输入,选项);
autocomplete.addListener('place\u changed',fillInAddress);
};
函数fillInAddress(){
//从自动完成对象获取位置详细信息。
var place=autocomplete.getPlace();
控制台日志(位置);
for(componentForm中的var组件){
document.getElementById(组件).value='';
document.getElementById(组件).disabled=false;
}
document.getElementById(“业务”).value=place.name;
document.getElementById(“业务”).disabled=false;
//从place details中获取地址的每个组件
//并在表单上填写相应的字段。
对于(变量i=0;i