代码设置热力图不要渲染出指定地图边界

你可以通过设置热力图的 `options` 中的 `map` 属性为 `null` 来实现不渲染指定地图边界的效果。代码示例如下：

// 初始化地图
var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 13,
  center: {lat: 37.774546, lng: -122.433523},
  mapTypeId: 'satellite'
});

// 热力图数据
var heatmapData = [
  {location: new google.maps.LatLng(37.782, -122.447), weight: 0.5},
  {location: new google.maps.LatLng(37.782, -122.445), weight: 0.5},
  {location: new google.maps.LatLng(37.782, -122.443), weight: 0.5},
  ...
];

// 热力图配置
var heatmap = new google.maps.visualization.HeatmapLayer({
  data: heatmapData,
  radius: 20,
  opacity: 0.7,
  gradient: ['rgba(0, 255, 255, 0)', 'rgba(0, 255, 255, 1)', 'rgba(0, 191, 255, 1)', 'rgba(0, 127, 255, 1)', 'rgba(0, 63, 255, 1)', 'rgba(0, 0, 255, 1)', 'rgba(0, 0, 223, 1)', 'rgba(0, 0, 191, 1)', 'rgba(0, 0, 159, 1)', 'rgba(0, 0, 127, 1)', 'rgba(63, 0, 91, 1)', 'rgba(127, 0, 63, 1)', 'rgba(191, 0, 31, 1)', 'rgba(255, 0, 0, 1)'],
  map: null // 将热力图的 map 属性设置为 null
});

// 添加热力图到地图
heatmap.setMap(map);

// 设置地图边界
var boundaryCoords = [
  {lat: 37.774546, lng: -122.433523},
  {lat: 37.774546, lng: -122.423523},
  {lat: 37.784546, lng: -122.423523},
  {lat: 37.784546, lng: -122.433523},
  {lat: 37.774546, lng: -122.433523}
];

// 创建地图边界
var boundary = new google.maps.Polygon({
  paths: boundaryCoords,
  strokeColor: '#FF0000',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#FF0000',
  fillOpacity: 0.35
});

// 添加地图边界到地图
boundary.setMap(map);

// 隐藏热力图在地图边界内的部分
google.maps.event.addListenerOnce(map, 'idle', function() {
  var bounds = boundary.getBounds();
  heatmap.setOptions({
    map: map,
    radius: 20,
    opacity: 0.7,
    gradient: ['rgba(0, 255, 255, 0)', 'rgba(0, 255, 255, 1)', 'rgba(0, 191, 255, 1)', 'rgba(0, 127, 255, 1)', 'rgba(0, 63, 255, 1)', 'rgba(0, 0, 255, 1)', 'rgba(0, 0, 223, 1)', 'rgba(0, 0, 191, 1)', 'rgba(0, 0, 159, 1)', 'rgba(0, 0, 127, 1)', 'rgba(63, 0, 91, 1)', 'rgba(127, 0, 63, 1)', 'rgba(191, 0, 31, 1)', 'rgba(255, 0, 0, 1)'],
    dissipating: true,
    bounds: bounds
  });
});

在上面的代码中，首先将热力图的 `map` 属性设置为 `null`，然后创建地图边界并添加到地图中，最后监听地图的 `idle` 事件，在事件回调中获取地图边界的边界范围，并将热力图的 `options` 中的 `map`、`bounds` 和 `dissipating` 属性设置为相应的值，从而实现不渲染指定地图边界的效果。