我在我的应用程序中使用谷歌 Map 自动完成API . 现在在初始加载时,我想在自动完成输入上显示一个位置 . 有没有办法在不设置文本框值的情况下实现它?
可能API不支持这样的东西 . 但是,您可以通过使用所需位置预填充文本框来模拟相同的内容,然后将 Map 置于该位置的中心位置 .
例如:您可以使用“Bangalore,Karnataka”预填充文本框,并将 Map 置于12.970786,77.593466(Lat和Lng of Bangalore)的中心位置 .
如果您已经知道自动完成的结果,请使用该地址/地点并使用地理编码器,places API或生成的坐标来显示结果 .
虽然看着你的小提琴,但我认为这就是你要找的东西(用预定义的“Nebraska,United States”填写自动完成输入:
<input id="autocomplete" placeholder="Enter location" type="text" value="Nebraska, United States" />
proof of concept fiddle
code snippet:
function initialize() { new google.maps.places.Autocomplete( (document.getElementById('autocomplete')), { types: ['geocode'] }); } initialize();
#autocomplete { width: 300px; padding: 7px; }
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script> <input id="autocomplete" placeholder="Enter location" type="text" value="Nebraska, United States" />
2 回答
可能API不支持这样的东西 . 但是,您可以通过使用所需位置预填充文本框来模拟相同的内容,然后将 Map 置于该位置的中心位置 .
例如:您可以使用“Bangalore,Karnataka”预填充文本框,并将 Map 置于12.970786,77.593466(Lat和Lng of Bangalore)的中心位置 .
如果您已经知道自动完成的结果,请使用该地址/地点并使用地理编码器,places API或生成的坐标来显示结果 .
虽然看着你的小提琴,但我认为这就是你要找的东西(用预定义的“Nebraska,United States”填写自动完成输入:
proof of concept fiddle
code snippet: