Google maps 在谷歌地图中向形状覆盖添加注释

我们可以在使用google maps API制作覆盖形状时添加一些注释和字符串吗？比如，如果我在我家周围画一个圆圈，在圆圈内用一个便条表示高度警戒区域，那么看到圆圈的人会很快知道，或者我可以用颜色方案来做这件事吗？拜托，如果你们有办法的话？

是的，你们可以

这样的事情可以通过使用来实现，另请参见有关您可以修改哪些选项的详细信息 并查看谷歌文档

最重要的选项是内容

类型：字符串|节点

要在信息窗口中显示的内容。这可能是 HTML元素，纯文本字符串，或包含HTML的字符串。这个 信息窗口将根据内容调整大小。明确 对于内容大小，将内容设置为具有该大小的HTML元素

让我们看看

InfoWindow

是如何显示的：

• 初始化映射（）
• 初始化
• 使用

  Open（）

  方法打开

如果要绘制可以使用的圆，请参见以查看可以调整的选项。在地图上画圆圈很容易——你只需要实例化一个圆圈（

new google.maps.circle

）并在选项对象中传递地图

检查下面的演示代码，如果有不清楚的地方，请告诉我

函数init（）{
var center=new google.maps.LatLng（33.53625，-111.92674）；
var contentString=''+
'' +
“当心这是我的家：）
”+
'' +
'';
/*-------------------
地图
-------------------*/
var map=new google.maps.map（document.getElementById（'map'）{
中心:中心,，
缩放：13，
滚轮：错误
});
/*-------------------
圆圈
-------------------*/
var circle=new google.maps.circle({
strokeColor:“#FF0000”，
笔划不透明度：0.8，
冲程重量：2，
填充颜色：'#FF0000'，
填充不透明度：0.4，
地图：地图，
中心:中心,，
半径：200
});
/*-------------------
信息窗口
-------------------*/
var infoWindowIsOpen=true；
var infowindow=new google.maps.infowindow({
content:contentString，
位置：中
});
google.maps.event.addListener（信息窗口，'closeclick'，函数（）{
infoWindowIsOpen=false；
TogglePopubButton.innerHTML=“显示弹出窗口”
});
打开（地图）；
/*-------------------
切换信息窗口按钮
-------------------*/
var togglePopupButton=document.getElementById（'togglePopup'）；
TogglePopubButton.addEventListener（'click'，function（））{
infoWindowIsOpen=！infoWindowIsOpen；
if（infoWindowIsOpen）{
打开（地图）；
togglePopubButton.innerHTML='Hide Popup'；
}否则{
infowindow.close（）；
togglePopubButton.innerHTML='显示弹出窗口'；
}
});
}

。作为控制台包装器{
显示：无！重要；
}

隐藏弹出窗口

此问题目前非常不清楚，请阅读