Google maps api 3 如果执行了第二次文本搜索，则重新加载页面

我使用Google Maps Javascript API嵌入带有以下代码的地图：

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控制台中运行代码时，新的搜索按预期运行。但是，当我单击按钮执行上述代码时，页面将重新加载。
有人能解释一下这种不一致吗

---

提前感谢您的时间

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

请提供一个演示此问题的示例。作为猜测，您的按钮单击正在提交一个表单，导致页面重新加载。是的，您是对的！你介意添加你的评论作为回答，这样我就可以奖励你解决了这个问题吗？