的页面重载第二TEXTSEARCH进行

Question

我使用谷歌地图API的JavaScript嵌入地图下面的代码：预期和生活是美好的

var loc = new google.maps.LatLng(geolocation.latitude, geolocation.longitude); 

var mapOptions = { 
    zoom: 13, 
    center: loc 
}; 

var mapRequest = { 
    location: loc, 
    types: ["car_repair"], 
    radius: 5000, 
    query: "midas" 
}; 

var map = new google.maps.Map(document.getElementById(mapId), mapOptions); 
var infowindow = new google.maps.InfoWindow(); 
var service = new google.maps.places.PlacesService(map); 
service.textSearch(mapRequest, getMapCallback); 

地图负荷。

我希望用户能够更改查询参数并在相同的地图内运行搜索。

mapRequest.query = "honda"; 
service.textSearch(mapRequest, getMapCallback); 

当我在Chrome控制台中运行代码时，新搜索按预期运行。但是，当我通过点击按钮执行上面的代码时，页面会重新加载。
有人可以解释不一致吗？

在此先感谢您的时间！

Answer 1

您的按钮点击提交表单导致页面重新加载。