Javascript 搜索按钮谷歌地图在我的vf页面上不起作用

我是新手。我正在整合谷歌地图，有一个野地城和搜索按钮。谷歌地图正在显示，但搜索按钮不起作用

任何帮助都将不胜感激：）

var映射；
函数初始化字段（）{
var input=document.getElementById（'page:frm:field'）；
var autocomplete=new google.maps.places.autocomplete（输入）；
变量映射选项={
缩放：6，
mapTypeId:google.maps.mapTypeId.ROADMAP，
mapTypeControl:false，
中心：新google.maps.LatLng（20.593684,78.962880）
};
map=new google.maps.map（document.getElementById（'MyMap'），mapOptions）；
新的google.maps.Marker({
位置:位置,，
地图：地图
});
}

搜索按钮将不起作用

在谷歌地图工程中，必须给出纬度和经度

在你的编码中，纬度和经度已经设置为 拉特20.593684 朗78.962880

---

所以位置可以显示为印度马哈拉施特拉邦瓦德冈Khattalwada 442305。。但是如果这个人来自其他城市的话。就像他需要填写街道地址以及城市和任何城市一样，它将显示在谷歌地图上。。怎么可能？我认为不可能。在谷歌上冲浪你会得到更好的想法你希望搜索按钮做什么？它只是重新运行初始化例程。用户可以输入城市，然后我想在后端存储地理位置和半径。您需要实现该功能。@geocodezip yes可以，但该操作对我的按钮不起作用？或者，如果搜索按钮不能像aanadh sp所说的那样工作，那么还有其他方法可以做到这一点吗？请您帮助我解决问题？采取什么措施？在您发布的代码中，按钮执行初始化函数，我无法尝试，因为您还没有发布一个，但我希望它能够按照编码的方式正常工作（假设您在页面的某个地方有一个初始化函数）。

<script src="https://maps.googleapis.com/maps/api/jsv=3.exp&signed_in=true&libraries=places"></script>
<script type="text/javascript">
 var map;
 function initializeField() {
 var input = document.getElementById('page:frm:field');           
 var autocomplete = new google.maps.places.Autocomplete(input); 
 var mapOptions = {
 zoom:6,
 mapTypeId: google.maps.MapTypeId.ROADMAP,
 mapTypeControl: false,


 center: new google.maps.LatLng(20.593684,78.962880)
 };
 map = new google.maps.Map(document.getElementById('MyMap'),mapOptions);
 new google.maps.Marker({
    position: location,
    map: map
  });

}
<button class="btn customBtn pull-right"value="Search"onclick="map_selected = true; initialize(); return false;"></button>