如果执行了第二次textSearch，页面将重新加载

Question

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

提前感谢您的时间！

Answer 1

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