Google maps 如何在谷歌地图中以不同颜色显示该区域

我有一个州和城市的下拉列表。 在选择一个州后，将显示相应的城市，单击Go按钮后，我将使用Google地图显示特定的城市

你能告诉我如何用不同的颜色来展示这个城市吗

我试着关注这个网站，作者用红色展示了这个城市

但是，当我试图表现出同样的情况时，它并没有起作用

我看到的第二个选项是，我需要使用多边形来实现这一点，但是如何获得面积，因为我看到的每个例子的面积坐标都是硬编码的，如图所示

var triangleCoords = [
    new google.maps.LatLng(25.774252, -80.190262),
    new google.maps.LatLng(18.466465, -66.118292),
    new google.maps.LatLng(32.321384, -64.75737),
    new google.maps.LatLng(25.774252, -80.190262)
  ];

---

你能告诉他们如何达到这个要求吗。

你从未给出过你的div的高度和宽度属性，因此div没有尺寸，因此地图永远不会显示。为了让地图显示，您需要在地图div上设置一些维度

#map {
    height: 600px;
    width: 600px;
}

这是你对css高度和宽度属性的摆弄。更新了fiddle，将googlemaps包含在外部资源侧栏中，并链接到https，因此fiddle中没有冲突

---

更新-使用左侧边栏上的外部资源选项在JSFIDLE中包括库，如Google地图。fiddle也是https，所以需要googlemaps链接作为https：