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

时间:2015-05-14 08:24:09

标签: google-maps google-maps-api-3

我有一个州和城市的下降。 选择州后,将显示相应的城市,一旦点击“转到”按钮,我就会显示特定城市的谷歌地图。

请您告诉我,如何以不同的颜色展示这座城市是否可行?

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

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

但是,当我试图代表它不在小提琴中工作时

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

我看到第二个选项,我需要使用Polygon这样做,但是我怎么能得到这个区域,因为我看到区域坐标的每个例子都是硬编码的,如图所示

default.htm
default.html
index.htm
index.html

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

请你们知道如何处理这个要求。

1 个答案:

答案 0 :(得分:1)

您从未提供div高度和宽度属性,因此div没有尺寸,因此地图永远不会显示。要显示地图,您需要在地图div上设置一些尺寸

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

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

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