Javascript 标记位于谷歌地图中的亮区圆圈周围的深色地图

我正在尝试使地图的大部分区域变暗，除了圆圈内有标记的区域。在里面我希望地图是轻的。我正在尝试设置地图的亮度，但不确定这是否是正确的方法？在我下面的代码和我的中，我可以创建一个暗贴图，但我不知道如何使圆圈内的区域变亮。请参阅底部的图片，以了解我正在尝试做的事情

变量$styles=[{
样式：[{
亮度：-60
}]
}];
变量映射选项={
缩放：“，
动物控制：“，
中心：“，
disableDefaultUI:“”，
可拖动：“，
样式：$style，
禁用双击缩放：“
}
var geocoder=new google.maps.geocoder（）；
功能地理编码定位（pos）{
地理编码({
车床：位置
}，职能（回应）{
if（responses&&responses.length>0）{
UpdateMarkeradAddress（响应[0]。格式化的\u地址）；
}否则{
UpdateMarkeradAddress（'无法确定此位置的地址'）；
}
});
}
函数updateMarkerStatus（str）{
document.getElementById（'markerStatus'）。innerHTML=str；
}
函数更新标记位置（latLng）{
document.getElementById（'info'）。innerHTML=[
latLng.lat（），
latLng.lng（）
]。加入（‘，’）；
}
函数更新标记地址（str）{
document.getElementById（'address'）。innerHTML=str；
}
函数初始化（）{
var latLng=新的google.maps.latLng（37.9，-122）；
var map=new google.maps.map（document.getElementById（'mapCanvas'）{
缩放：14，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP，
样式：$styles
});
var marker=new google.maps.marker({
位置：latLng，
标题：“A点”，
地图：地图，
德拉格布尔：是的
});
变量循环次数={
//strokeColor:“#FF0000”，
//笔划不透明度：0.8，
//冲程重量：2，
//填充颜色：“，/”#FF0000“，
//不透明度：0.35，
地图：地图，
中心：新google.maps.LatLng（37.9，-122），
半径：数学平方米（5）*100
};
var circle=新的google.maps.circle（circleOptions）；
marker.bindTo（'position'，map'，center'）；
//更新当前职位信息。
更新市场定位（latLng）；
地理共定位（latLng）；
//添加拖动事件侦听器。
google.maps.event.addListener（标记'dragstart'，函数（）{
UpdateMarkeradAddress（'拖动…'）；
});
google.maps.event.addListener（标记'drag'，function（）{
updateMarkerStatus（'拖动…'）；
updateMarkerPosition（marker.getPosition（））；
});
google.maps.event.addListener（标记'dragend'，function（）{
updateMarkerStatus（“拖动结束”）；
geocodePosition（marker.getPosition（））；
});
}
//用于启动应用程序的Onload处理程序。
google.maps.event.addDomListener（窗口“加载”，初始化）；
#地图画布{
宽度：500px；
高度：400px；
浮动：左；
}
#infoPanel{
浮动：左；
左边距：10px；
}
#infoPanel分区{
边缘底部：5px；
}
标记状态：
单击并拖动标记。
当前职位：
最近匹配地址：

可能重复的链接与此链接类似。我实现了它，它可以工作，但是使用这个解决方案，我认为不可能将圆线混合/淡入地图。设置多边形的strokeWeight:0时，您仍然可以看到圆的内部部分与贴图的其余部分之间的鲜明对比。我想要更融合的东西。