如何在 Google Map 中以不同颜色显示该区域答案

【问题标题】：How can i show the area in a different color in Google Map如何在 Google Map 中以不同颜色显示该区域
【发布时间】：2015-05-14 08:24:08
【问题描述】：

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

您能否告诉我如何以不同的颜色显示该城市？

我试图关注这个网站，其中作者用红色显示了这座城市。

http://www.encodedna.com/2014/05/drawing-circles-with-google-maps-javascript-api.htm

但是当我试图表示相同时，它无法正常工作

http://jsfiddle.net/4dSd7/25/

我看到的第二个选项，我需要使用 Polygon 来执行此操作，但是我怎样才能获得该区域，因为我看到的每个示例区域坐标都是硬编码的，如下所示

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)
  ];

https://developers.google.com/maps/documentation/javascript/examples/polygon-simple

您能否让他们知道如何处理此要求。

【问题讨论】：

标签： google-maps google-maps-api-3

【解决方案1】：

你从来没有给你的 div 高度和宽度属性，所以 div 没有尺寸，因此地图永远不会显示。要显示地图，您需要在地图 div 上设置一些尺寸

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

这是你的 CSS 高度和宽度属性。更新小提琴以在外部资源侧栏中包含 googlemaps 并链接到 https，因此小提琴中没有冲突。

https://jsfiddle.net/4dSd7/33/

【讨论】：

已更新 - 使用左侧栏上的外部资源选项在 jsfiddle 中包含库，如 googlemaps。小提琴也是 https 所以需要 googlemaps 链接是 https：