javascript - 谷歌地图圆半径适合 map

Question

我面临着要在 map 中安装的圆的大小(半径)的问题，考虑到 map 缩放可以从 1 到 ~19，您也可以在下图中看到，在我的情况下，我有按钮右上角的创建区域显示实际 map 中心的圆圈和子菜单中的表单，但不知何故的大小应该根据 map 的缩放动态变化。

欢迎任何帮助。

Answer 1

我找到了计算 map 视口(viewport)的宽度/高度的解决方案，并且简单地计算了疯狂的高度/2，这将是圆的理想半径

$("#create_zone_trap").click(function(){
    //Set the circle in the middle of the screen
    circle.setCenter(new google.maps.LatLng(map.getCenter());

    var spherical = google.maps.geometry.spherical, 
    bounds = map.getBounds(), 
    cor1 = bounds.getNorthEast(), 
    cor2 = bounds.getSouthWest(), 
    cor3 = new google.maps.LatLng(cor2.lat(), cor1.lng()), 
    cor4 = new google.maps.LatLng(cor1.lat(), cor2.lng()), 
    height = spherical.computeDistanceBetween(cor1,cor3), 
    width = spherical.computeDistanceBetween( cor1, cor4);

    //Fit the circle radius to the map 
    // 0.9 means 90% of the height
    circle.setRadius((height/2) * 0.9);

});