缩放功能谷歌地图

时间:2015-09-22 16:18:20

标签: google-maps google-maps-api-3 google-maps-markers infowindow marker

我在我的信息窗口中创建了一个按钮,需要平移到标记,然后放大,但我无法让它工作。以下是我的缩放功能

function Zoom(){
google.maps.event.addListener(marker, 'click', function() { 
    map.panTo(marker.position);
    map.setZoom(18);
}); 

这是创建标记的功能,并使用下面的html填充信息窗口。

function createMarker(latlng, name, woonplaats, prijs, perceelop, woonop, address) {
  var html ="<a href="+address+">"+"<b>"+name+"</b></a> <br/>" 
            + woonplaats +"</br>" + woonop + "/ " + perceelop + "</br>" + "€ " + prijs + 
            "</br><input id='zoombutton' type='button' onclick='Zoom()' value='Zoom in' />" 
  var marker = new google.maps.Marker({
    map: map,
    position: latlng
  });
  google.maps.event.addListener(marker, 'click', function() {
    infoWindow.setContent(html);
    infoWindow.open(map, marker);
  });
  markers.push(marker);
}

如果我删除了panTo功能,它会放大,但它不会平移到标记,因此它会放大到完全不同的位置。如果缩放级别为18或更高但没有结果,我还尝试使按钮不可见。

任何帮助都将受到高度赞赏!

0 个答案:

没有答案